chrome 默认打开移动端页面

2024-10-20

Chrome浏览器调试移动端网页，测试人员也可以轻松debug

现在的产品,移动端应用占据很大市场,在测试过程中,就会测试各种各样的移动端页面.测试过程,或多或少会发现些问题,无非就是前端.后端问题.后端接口问题,可以利用工具:Fiddler或charles抓包查看:前端页面问题,可以让开发把调试工具放在页面中,可如果没有该调试工具,那该如何查看前端报错问题呢?比如,页面白屏,抓包没调接口,如何拿到报错信息呢. 讲到这里,就需要"请"出今天的主角了,Chrome网页调试工具.该调试工具,只需要将手机与电脑连接就可以调试了,但其中有个问题就是FQ了,

chrome默认打开隐身模式

chrome图标右键属性,在“目标”后添加参数“ --incognito”(注意是双短划线,不包括双引号,双短划线前加一空格)就可以直接以隐身模式启动chrome了

chrome 获取移动端页面元素信息

一:背景在使用appium进行app端自动化测试的时候,一般使用的是uiautomatorviewer来给页面元素做定位.但如果遇到页面元素类型是webview的时候,则只能定位整个页面,而不能更进一步定位页面内容,这通常是不方便的.经过一番搜索,发现可以使用谷歌浏览器的inspect功能来实现类似功能,该功能一般用于调试前端代码. 二.功能我们先看下最终想要达到的效果上图的左边是手机上的chrome 截图,可以看到,当鼠标移动到某个span上时,手机上的这个区域高亮显示,右边则实时显示的是

chrome浏览器默认打开网址并全屏

1.创建chrome快捷方式. 2.右击快捷方式点击属性. 3.属性面板快捷方式下目标的默认内容后添加“ 页面地址 --kiosk”.[注意网页地址和--kiosk之前各有一个英文的空格] 4.点击确定按钮保存即可. 编辑完成后,双击打开此快捷方式,即可全屏打开指定网址.

java使用poi将html导出word，默认打开页面视图

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns=&qu

用chrome和anywhere，配合安卓机搭建最简单的移动端页面测试。

很多时候,我们前端在写移动端页面的时候,虽然目前chrome有调试模式,可以模拟手机的部分效果,但仍有部分效果需要直接在手机上进行页面的调试,今天就在这里推荐一个适合windows+安卓的无需连接局域网即可测试的方法. 一.首先在PC和手机上分别下载chrome浏览器,同时用数据线将手机使用调试模式连接电脑,这一步很简单,百度也有很多教程就不重复介绍了. 二.在pc端的chrome浏览器中输入chrome://inspect ,即可进入调试状态.如果正确的连接了手机,则会出现如图所示的界面. 三

在MyEclipse中改动jsp页面的默认打开方式

在JavaWeb项目中.当然有非常多jsp页面,可是我发现,双击打开jsp页面总是卡机.相对于打开其它java文件而言非常慢,感觉非常不舒服.MyEclipse中默认打开jsp页面是以可视化的形式展现的.可是大多数情况我们都喜欢以代码方式打开jsp页面. 有两种方式来解决打开jsp页面较慢的问题. 单击选中jsp页面,点击右键---open with --- MyEclipse JSP Editor 以这样的方式打开就很快不会出现卡机的情况. 可是这样的方式每次打开jsp页面时都非常繁琐,有

判断页面是在pc端还是移动端打开不同的页面

在pc端页面上的判断 var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile", "blackberry", "webos", "incognito", "webmate", "bada", "nokia&qu

weinre- 调试移动端页面

相信很多前端的小伙伴一定会遇到一个问题, 比如我编写完一个页面,某个地方需要进行调整细节或者是哪个地方怎么调整都不对,在pc端还好,有google,firefox之类可以调节页面的工具,虽说这些工具有模拟手机的页面的功能,但是毕竟真机上调试与浏览器上调试还是有挺大差别的,那有人会问了,有没一款可以针对移动端调试的工具呢,答案是肯定的. weinre 就能比较好的解决这个问题的,下面我们就来了解下怎么用 weinre调试移动端页面吧一:远程调式工具-weinre Weinre是什么? Wei

移动端页面以rem为单位设置字体大小不生效解决方法

这个问题在前端H5页面开发可以说是一个老生常谈的问题了.由于以前所有遇到的问题以及解决方法都会以文档的形式记录在电脑里,而非github或者blog,所以现在才一点一滴的整理上来,就当是一个心路历程吧. 由于开发习惯,我现在使用HBuilder 这个前端IDE.调试页面会经常直接打开工具栏中的chrome,然后打开chrome devtool ,问题解决后,会直接把链接放到微信中,基于微信自带的浏览器浏览.这时候就比较蛋疼了,每一次更改一个css,然后在微信浏览,由于微信自带浏览器的机制问题,无

Web移动端页面 --响应式和动态REM

响应式什么是响应式页面呢? 顾名思义响应式页面就是能做出响应的页面,它的页面效果不是定死的,会随着用户的改变而改变. 如何着手响应式有以下几个思考的方向找一份设计图使用Media Query 隐藏元素添加meta viewport 明白手机端交互方式的区别 Media Query 是什么 Media query 翻译过来就是媒介查询,媒介就是我们查看这个网页的设备. 媒介查询源于CSS3,它可以根据用户的设备所具有的某些特征,来提供不同的样式用于显示. 用法引用方式它的引用方式一共有

【移动端 Web】怎么循序渐进地开发一个移动端页面

1. 移动页面开发基础 1.1 像素——什么是像素像素是 Web 页面布局的基础,那么到底什么才是一个像素呢? 像素:一个像素就是计算机屏幕所能显示一种特定颜色的最小区域.这是像素的概念,实际上,Web 前端开发领域,像素有以下两层含义: (1) 设备像素:设备屏幕的物理像素,对于任何设备来讲物理像素的数量是固定的. (2) CSS像素:这是一个抽象的概念,它是为 Web 开发者创建的. 如下图,是在缩放比例为1,即 scale = 1 的情况下,设备像素和CSS像素示意图: 我们再来考虑这样

Android+Chrome 真机调试H5页面实践

前言使用weinre在真机上调试H5页面,有一个突出的缺点,就是无法调试真机上的样式,真机上页面动态创建的dom在weinre的Elements面板显示不出来,所以调试真机上的页面样式也就无从谈起.如下图所示,单页应用动态创建出来的dom,压根就显示不出来.不知道网上吹嘘weinre可以调试真机dom样式文章的作者,有没有亲自做过实验,weinre调试真机dom样式的功能真的能用嘛?好用嘛 ?真的要是遇到生产问题,weinre能定位真机和PC端浏览器手机模拟器下样式不一致的问题嘛?weinre

chrome拓展开发实战：页面脚本的拦截注入

原文请访问个人博客:chrome拓展开发实战:页面脚本的拦截注入目前公司产品的无线站点已经实现了业务平台组件化,所有业务组件的转场都是通过路由来完成,而各个模块是通过requirejs进行统一管理,在灰度测试时会通过grunt进行打包操作,虽然工程化的开发流程已经大大提升了效率,但是为了满足不同平台在任意业务入口页面一键注入业务脚本即可进行测试的实际需求,团队尝试通过chrome拓展来进行实现.由于我本人是第一次开发chrome拓展插件,所以开发的过程中遇到不少坑,某些功能的实现方式也未必是最

移动端页面(css)调试之“weinre大法”

移动端页面调试一般分两步.第一步我们需要把本地(pc端)写的页面效果展现在移动端,一个很方便的办法是用 fiddler 作为代理,具体可以参考如何用 fiddler 代理调试本地手机页面,这样我们就能在自己的手机上看到真机效果,有时还可以用 alert 调试一些 js:当然,有时仅仅展现样式还不够,我们希望能像 chrome 面板或者 firebug 一样查看元素的 css 样式,甚至可以在控制台看到 js 的 console 输出,UC浏览器开发者版可以方便地做到这点,具体可以参考如何使用

移动端页面使用单位的问题：关于px、百分比、em、rem开发中逐渐转换的问题记录

开始写前端页面也有了快两年时间,从一开始的懵逼到现在的淡定,但是不能改变我还是一只小菜鸟的事实,平时遇到的一些问题都会记录在文件夹里,现在都整理一下大家一起分享自己平时也翻翻看看~ 不知道大家平时写的时候是用的什么,但是我一般用的是这几个:px,百分比,em,rem 一.首先咱先了解下这几个都是啥,有啥区别: px:就是像素,相对于屏幕分辨率而言的,简单来说就是平时我们写静态页面时用px作单位,但是在firefox/chrome会发现我们的布局发生了变化: 百分比:这比较适合块状的页面设计,但是

使用桌面的 chrome 远程调试 Android 的页面

手机浏览器是没有开发者工具的,所以调试手机网页是非常麻烦.使用 chrome 的远程调试功能可以像调试桌面端那样调试手机页面. 准备手机端:chrome for Android, 安装谷歌浏览器桌面端:谷歌浏览器,版本建议大于手机端的,最好使用 chrome canary USB 连接线, 也就是你充电器的那条线开启调试模式使用 USB 连接你的电脑,并开启调试模式. 使用 android 4.2 或以上的手机可能没有调试模式选项,可以找到 “设置 > 关于手机 > 版本号(Build

Weinre 远程调试移动端页面

Weinre 是一款远程调试工具,使用JS编写, 可以让我们在电脑上直接调试运行在手机上的远程页面,当你的代码已经发布上线,这时候出现了问题,Weinre就可以帮你调试. 调试场景调试页面在手机上. 调试工具在PC的chrome 手机跟pc要在同一个网络环境下,也就是都使用一个wifi 安装Weinre Weinre是基于nodejs实现的,所以使用它必须先安装node运行环境,新版的node已经集成了npm, 所以直接在在命令行键入下面的命令即可安装, 如果你是Mac/Linux用户, 还需

[1]移动端页面调试之“weinre大法”

前言这个也是从早读课转载的.如有侵权请联系我马上下架. 正文从这开始-- 移动端页面调试一般分两步.第一步我们需要把本地(pc端)写的页面效果展现在移动端,一个很方便的办法是用 fiddler 作为代理,具体可以参考如何用 fiddler 代理调试本地手机页面,这样我们就能在自己的手机上看到真机效果,有时还可以用 alert 调试一些 js:当然,有时仅仅展现样式还不够,我们希望能像 chrome 面板或者 firebug 一样查看元素的 css 样式,甚至可以在控制台看到 js 的 con

利用websocket实现手机扫码登陆后，同步登陆信息到web端页面

新手必看广播系统事件系统准备工作初始化项目引入 laravel-websockets 软件包启动 websocket 监听主要流程创建两个页面建立 socket 连接手机端扫码登陆简单的登陆页登陆验证服务端触发登陆事件创建登陆事件在事件中发送广播触发页面跳转(重点) 初始化项目 > composer create-project --prefer-dist laravel/laravel joker > cd joker > php artisan ke

chrome 默认打开移动端页面

热门专题