使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices
来源:互联网 发布:双11淘宝最迟发货时间 编辑:程序博客网 时间:2024/05/01 09:54
我使用的是小米(红米NOTE2 ),电脑是win 10 系统,以下几步就可以轻松使用浏览器内置的功能调试移动端网页了:
1. 手机开启调试模式连接电脑,确保是调试模式连接的(不知道怎么打开调试模式的可以参考:http://jingyan.baidu.com/article/046a7b3ee3b565f9c27fa9b2.html);
2. 手机上打开一个网页,只要是webview形式的网页应该都是可以的;
3. 电脑chrome浏览器地址栏输入:chrome://inspect/#devices ,会看到如下图的情况(上面会看到你所连接的设备的名称和信息,下面就是当前设备上可以用于在电脑上调试的页面的一下信息,地址、标题、网页大小。。。,如果没有显示设备信息,则表示没有连接好,可以插拔手机或关闭调试模式重开一下);
4. 找到你准备调试的那个,并且确保手机上的那个页面也是处于激活状态的的,然后点击蓝色的 inspect 链接,会弹出一个新的窗口;
5. 熟悉的界面出现了,接下来你应该知道怎么用了,(恭喜!!!)
检查元素↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
控制台↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
查看网络情况↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
3 1
- 使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices
- 无法通过 chrome://inspect/#devices 调试手机
- 使用Chrome Inspect调试WebApp
- Chrome浏览器如何调试移动端网页信息
- Chrome浏览器如何调试移动端网页信息
- 如何使用chrome浏览器调试?
- web Android手机调试chrome://inspect/
- 如何使用Chrome模拟手机浏览器测试移动端站点
- 使用Chrome浏览器查看网页http头
- chrome开发者工具调试&移动端调试
- 使用chrome浏览器对javascript进行调试
- 使用Chrome浏览器远程调试webView
- chrome浏览器调试工具的使用
- 使用chrome浏览器调试ionic APP
- 如何使用chrome devtool调试Mobile网页?
- Google Chrome浏览器调试
- Google Chrome浏览器调试
- Google Chrome浏览器调试
- python中urllib, urllib2,urllib3, httplib,httplib2, request的区别
- android 把简单的数据存储在本地
- Ubuntu12.04开机自动打开小键盘
- 微型投影仪第一篇——万物伊始
- 周报2016.08.29-2016.09.04
- 使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices
- 面试笔试--TCP/IP知识点
- lazyload懒加载的使用
- 数据库的一些思考
- 【Linux】任务计划crontab
- Linux网络编程 - 网络调试工具
- 如何成为卓有成效的管理者?
- LeetCode Reverse String
- 第一章:引论