浏览器兼容性一直是网站建设开发人员的比较头疼的问题,虽说移动端的内核趋于统一,但是兼容性也比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” 按钮则可开始调试。
以上就是石家庄网站建设开发人员对移动端浏览器的调试方法介绍,希望对大家有所帮助,如果有想做网站的,欢迎来尚武科技进行咨询了解,我们专业权威的团队,会竭诚为您更好的服务!