chrome浏览器在测试H5页面中的应用

最新推荐文章于 2023-09-07 10:58:52 发布

夜雨0426

最新推荐文章于 2023-09-07 10:58:52 发布

阅读量2.9k

点赞数

分类专栏： H5测试文章标签：测试

本文链接：https://blog.csdn.net/wpt19870426/article/details/53150794

版权

H5测试专栏收录该内容

1 篇文章 0 订阅

订阅专栏

按F12进入

1. 模拟移动端设备

2. 模拟网络环境

3. 接口返回数据查看

4. 源码查看及调试

5. 加载的文件源码大小及速度

6. 查看请求数据信息

7. 禁用缓存Disable Cache(禁用缓存 –开启这个就测试接口就不用每次到高级清理了)

8. 保留日志

Preserve log(保留日志 — 刷新重新加载也保留)

9. 查看埋点

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

夜雨0426

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

解决Android软键盘弹出覆盖h5页面输入框问题

01-20

6. **适配不同浏览器**：不同的Android浏览器对键盘弹出的处理可能有所不同，需要做兼容性测试，确保在主流浏览器如Chrome、Firefox、Samsung Internet等上都能正常工作。 7. **优化布局**：考虑重新设计布局，比如...

谷歌浏览器调试微信H5网页或者微信小程序的方法

qq_35430000的博客

04-28

1万+

5、点击对应网页或者小程序 inspect 即可出现调试栏，然后像正常调试页面即可，小程序可以打开webview嵌套的h5页面，这样就能打开调试模式，看到接口请求、图片等调用情况。1、首先USB数据线连接手机进入调试模式。等待一会儿（浏览器需要具备翻强功能）确定是否可以用（能打开就能用）3、微信上打开你需要调试的页面。4、谷歌浏览器地址栏输入。

参与评论您还未登录，请先登录后发表或查看评论

chrome浏览器调试H5页面

FeiChangWuRao的博客

11-02

4822

可能是我少见多怪，看到前端同学用chromel来查看给APP端适配的H5效果。之前只是通过开发者模式来看一下请求入参和返回，突然感觉get一个新技能。一首先如何在浏览器APP上H5的效果这个其实打开开发者模式，注意最左边有一个两个矩形大小不同叠加的符号，他的大名叫做toggle device toolbar 点击之后的效果，注意最上面是可以调整适配机型（跟小程序的工具一样）二点击查看样式div 这个应该都知道，后端基本也应该知道，毕竟很多管理系统页面不是前后端分离，或者没有专业的前端基本要后端自

H5如何做性能测试？

软件测试技术交流分享

03-24

1010

说起H5性能测试，可能许多同学有所耳闻，但是不知道该如何去做性能测试，或者不知道H5应该关注哪些性能指标。今天我们就来看下。希望阅读本文后，能够有所了解。

chrome浏览器5.0_Chrome模拟iPhone x系列手机进行H5兼容性测试

weixin_29859471的博客

12-27

3350

背景在测试过程中，在iPhone x系列手机上h5经常出现兼容性问题。但是测试过程中iPhone x系列手机比较少，公司大量测试争用1台iPhone x设备。面对众多使用h5进行开发的页面，iPhone x系列手机兼容性又必须做。面对这一窘境，本文提出使用Chrome模拟iPhone x系列手机进行h5兼容性测试。原理H5页面使用CSS进行页面渲染，在研究我们如何进行iPhone x系列手机兼容时...

在H5页面中使用Google Analytics

xuan的博客

01-11

1548

一、概述 Google-Analytics是google旗下一款网站数据记录类服务系统二、注册Google Analytics账号 https://marketingplatform.google.com/about/analytics/ https://analytics.google.com 三、创建媒体资源（1）选择网站（2）填信息，网站网址随意填，可用于测试GA是否...

【Web】H5页面扫码qrcode识别成功,测试项目源码完整下载.zip

04-26

本示例项目源码提供了一个完整的解决方案，允许用户在安卓设备或华为荣耀平板的内置浏览器中通过H5页面直接扫码。首先，我们需要了解H5页面实现扫码功能的核心技术：JavaScript的二维码库。常见的库有`qrcode.js`...

H5兼容性测试点.docx

01-08

H5兼容性测试是指在不同环境中确保H5应用程序能够统一地运行，不受设备、浏览器、操作系统等因素的影响。以下是H5兼容性测试的重要知识点：一、浏览器兼容性测试： * PC端浏览器：Chrome、Firefox、IE等不同版本...

H5测试以及app与pc测试相同和不同。

04-03

3. **浏览器兼容性测试**：确保H5页面能够在不同类型的浏览器（如Chrome、Firefox、Safari等）和不同版本下正常工作。 4. **服务器端性能测试**：检查服务器端处理H5页面请求的能力，包括响应时间和并发处理能力。 ...

H5自动化测试环境搭建的坑1

08-08

在Android中，如果我们要对Webview内的H5内容进行自动化测试，就需要确保使用的Chrome Driver版本与系统的Webview版本相匹配，而不是与电脑上的Chrome浏览器版本匹配。这是因为Android系统内置的Webview基于特定版本...

inject-ga:在HTML页面中注入Google Analytics（分析）跟踪代码

04-30

在HTML页面中插入Google Analytics（分析）跟踪代码。安装： npm install inject-ga 用法： inject-ga input.html -c ' UA-66481277-1 ' [-o output.html] [-h] 如果要将代码注入到<head>标记内，请传递-h标志。如果未传递任何输出目标，则默认为stdout。输入： < html > < body > < i> am </ i> </ body > </ html > 输出： < html > < body > < i> am </ i> < script > ! function ( G , o , O , g , l , e ) { G . GoogleAnalyticsObject = O ; G [ O ] || ( G [ O ] =

谷歌浏览器调试移动端h5页面

YICONGITSME的博客

05-11

6150

1.安卓手机打开开发者模式连接上电脑 2.在谷歌浏览器中访问地址： chrome://inspect/#devices 3.在安卓手机中的chrome浏览器中访问页面，记住一定要是chrome浏览器 （我只试了安卓，苹果不清楚） 4.刷新，显示连接上的设备以及打开的网页，点击inspect就可以查看手机网页上的dom元素，在电脑上调试h5页面。如果打开是空白页面，需要翻墙 ...

使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices

最新发布

cae_520_ww的博客

09-07

538

还有一个办法比较快，就是直接展示出尺寸线，直接通过鼠标缩放来查看页面的兼容问题，选择第三个选项【rulers】3、添加想要测试的设备，设备的宽高需要按照手机的分辨率进行等比缩小计算，如：1080 x 2340。等比缩小就是360 x 780，以下是我添加的主动最新测试设备信息。2、看顶部设备信息，点击，县级弹窗最底部的edit进入编辑模式。4、这样在测试过程中就可以快速检查H5的设备UI兼容问题。1、打开F12，选择手机模式。3、主流设备分辨率、尺寸。

H5如何测试？

Enci_Enci的博客

08-01

4279

传统的原生App开发模式，android基于Java语言，底层调用Goolge提供的API，IOS基于Objectivec或Swift，底层调用Apple官方提供的Api。★H5的APP先得调用系统的浏览器内核，相当于是在网页中进行操作，较原生APP稳定性稍差，似乎还没有百万级用户量的H5APP。★我们以往的APP是使用原生系统内核的，相当于直接在系统上操作，是我们传统意义上的软件，更加稳定。A、对于一些不会变化的图片，如游戏动画效果相关图片，不需要每次都请求的东西，做本地缓存。...

Android使用Chrome调试webview中的H5界面

jsxin0816的博客

07-06

4659

前言：我们的项目是使用的webview加载H5的应用类型，最近框架升级后项目出现问题。通过chrome进行调试，发现每次都忘记使用步骤。今天记录一下！注意：WebView.setWebContentsDebuggingEnabled(true);此方法为WebView的静态方法，不需要使用自己的webview进行设置如图：我们的项目是Android+H5，注意这里要等到H5界面展示出来。当应用显示到H5界面时浏览器的调试界面显示出能调试的界面,点击图中的inspect。开启vpn后再点击inspec

chrome浏览器调试手机端h5页面

铁柱的博客

12-27

2万+

这个是常识性的问题了。奈何我之前确实是不知道。只知道用F12来调试PC端的页面，这次经过同事指点，终于知道为啥人家在浏览器调试手机端页面，显示的大小都是手机端的。步骤：1、打开F122、如果所示点击咱们平时寻找网页的DOM节点，都是用的第一个。第二个就是专门用来调整手机端页面的。先点击这个按钮。3、选择适配的手机型号按照2操作点击之后，我们可以看到这个界面。箭头的位置是一个下拉选