移动端浏览器调试方法有哪些呢?

2024-02-25    分类: 网站建设

浏览器兼容性一直是网站建设开发人员的比较头疼的问题,虽说移动端的内核趋于统一,但是兼容性也比PC端好不少,但是也需要考虑第三方浏览器在内核上面的“优化”,因此兼容问题也是不容忽视的,那么移动端浏览器的调试方法有哪些呢?

成都网站建设开发人员对比较常见的Web移动端调试方式进行了汇总:

Chrome模拟器:调试难度简单,需要打开想要调试的页面,然后右上角设置中打开开发人员工具,或者点击鼠标右键点击“检查” (inspect),即可开始调试,使用快捷键: Windows 是 Ctrl + shift + i, Mac 为 option + command + i。

Android上的Chrome:需要在Android和PC设备上均安装Chrome浏览器,用USb线连接两个平台设备,开启当前Android设备的USb进行调试,在PC上的Chrome地址栏输入chrome://inspect然后回车,进入调试界面,在移动设备任何时候弹出的“是否允许远程调试”上,选择“允许”。PC的inspect页面列表将展示已在Android上的Chrome中打开的页面。点击对应的“inspect”按钮则可开始调试。

iOS 上的 Safari:在 iOS 设备上打开允许调试:设置 –> Safari –> 高级 –> 打开 “web检查器“,在 MAC 上打开 Safari 的开发菜单:顶部菜单栏 “Safari” –> 偏好设置 –> 高级 –> 打开 在菜单栏中显示“开发”菜单 (show develop menu in menu bar),在 iOS 设备上的 Safari 浏览器中打开要调试的页面,然后切换到 MAC 的 Safari,在顶部菜单栏选择 “开发” –> 找到你的 iOS 设备名称 –> 右边二级菜单选择需要调试的对应标签页,即可开始远程调试。

Android/iOS APP 里的webview:通过修改代码,在APP内设置允许远程调试(安卓>=4.4),具体方法在这里。然后安装 APP在 PC 上安装 Chrome 浏览器(版本>=32)和对应的 Android 设备驱动(如果找不到,可以 豌豆荚大法)用 USb 线连接Android设备,开启当前Android设备的USb调试,在PC上的chrome地址栏输入chrome://inspect然后回车进入调试界面在移动设备上弹出的是否允许远程调试上,选择“允许”PC 的 inspect 页面列表将展示已在 Android webview中打开的页面。点击对应的 “inspect” 按钮则可开始调试。

以上就是成都网站建设开发人员对移动端浏览器的调试方法介绍,希望对大家有所帮助,如果有想做网站的,欢迎来创新互联进行咨询了解,我们专业权威的团队,会竭诚为您更好的服务!

新闻标题:移动端浏览器调试方法有哪些呢?
地址分享:/news0/318750.html

成都网站建设公司_创新互联,为您提供做网站星空体育app最新版本(2024已更新)网站设计外贸网站建设面包屑导航小程序开发

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

绵阳服务器托管