web移动端和PC端利用chrome同步开发调试

Posted hai_blog

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web移动端和PC端利用chrome同步开发调试相关的知识,希望对你有一定的参考价值。

利用chrome可以同步移动端和PC端的web开发调试,前提是,android系统版本必须4.0+,而且必须用chrome,或者Android 4.4系统版本以上的原生app里面的webview才可以。

由于Android 4.4的原生app webview 的调试暂时还比较少,所以,这里简单说一下chrome下的调试。

1、移动设备和PC设备必须安装了chrome 32以上的版本,移动设备必须为Android4.0+;

2、移动设备进入设置功能,设置为开发模式;

3、PC端chrome打开chrome://inspect/#devices,里面的选项打勾;

4、用数据线连接移动设备与PC设备;

5、手机开启usb调试模式(一般插了数据线会弹出提示);

6、然后在移动设备上用chrome打开你要调试的网址,这时,PC端会识别到移动设备上的chrome的浏览情况;

7、点击PC端的某网址下的inspect,就会弹出开发者模式,大功告成。

详情看下图:

技术分享图片

如果想看看Android 4.4的原生app  webview调试,就看下图:

技术分享图片

以上是关于web移动端和PC端利用chrome同步开发调试的主要内容,如果未能解决你的问题,请参考以下文章

移动端调试 — 安卓机+chrome

移动端手机调试的几种方法

这款APP与PC端同步,真的好用

前端开发中pc端和移动端的区别

Chrome接口调试工具

使用 PC 端浏览器开发者工具对移动端真机环境 Web 页面进行远程调试