通过chrome浏览器调试手机页面(IOS和Android)
2024-08-22 12:41:00
开发PC页面的时候使用chrome浏览器的开发者工具,可以很容易的捕获到页面的dom元素,并且可以修改样式,方便调试,但是手机上却很麻烦,因为手机上没有办法直接打开开发者工具查看元素。其实可以通过将设备连接到PC,使用PC的开发者工具检测
一、针对android设备
1、在android设备上开始开发者模式
2、将设备连接到PC,在chrome浏览器地址栏输入:chrome://inspect/#devices
3、在手机上打开网页的时候,chrome就会检测到网页,可以直接调试
二、针对IOS设备
PS:如果使用的是MAC电脑,可以直接在safari的开发里面找到,我的Iphone里面可以检测网页
1、在Iphone的设置-》safari-》高级-》web检查器。打开
2、在电脑上安装ios_webkit_debug_proxy和RemoteDebug iOS WebKit Adapter
3、启动RemoteDebug iOS WebKit Adapter
remotedebug_ios_webkit_adapter --port=9000
4、在chrome地址栏输入:chrome://inspect/#devices,在Discover network targets里面增加localhost:9000,就可以在chrome里面调试手机页面了
最新文章
- CSS3——3D旋转图(跑马灯效果图)
- 代码成长记录之jquery this使用
- JSP(include指令)页面
- 【原创】java NIO FileChannel 学习笔记 FileChannel 简介
- 如何在.Net Core调用NodeJs
- 日历插件bootstrap-datetimepicker的使用感悟
- 使用webdriver+urllib爬取网页数据(模拟登陆,过验证码)
- malloc函数 链表
- pycharm在创建py文件时,自动添加文件头注释
- 腾讯的模板引擎---artTemplate
- SceneControl+AE+鼠标滚轮缩放
- 第二章 Js语法
- Linux kernel(CVE-2018-17182)提权漏洞复现
- 20145202马超 2016-2017-2 《Java程序设计》第5周学习总结
- CentOS6安装各种大数据软件 第三章:Linux基础软件的安装
- CentOS 7 U盘安装问题解决
- js写的数码时钟,在“最小化”浏览器 或者 “切换网页”是动画效果好像不对
- <;context:property-placeholder>;配置资源文件
- POJ3189:Steady Cow Assignment(二分+二分图多重匹配)
- S2-045漏洞利用工具&;解决方案