移动端Web开发调试之Chrome远程调试

android远程实时更新webview界面:

步骤一:android应用内webview设置属性

if (Build.VERSION.SDK_INT >=Build.VERSION_CODES.KITKAT) {
    WebView.setWebContentsDebuggingEnabled(true);
}

步骤二:谷歌浏览器输入地址

chrome://inspect

步骤三:webview加载url地址显示
步骤四:找到自己打开的地址,并点击inspect,然后浏览器打开一个实时监控的界面,然后就可以在浏览器中实时编辑,手机中实时预览了


ios远程实时更新webview界面:

(这里通过mac的内置浏览器调试,另外也可以通过谷歌浏览器,流程与android大致相同)
步骤一:设置---Safari---高级---Web检查器(打开)
(详细流程可以查阅Web检查器下面的使用说明,完整步骤截图如下)



步骤二:



步骤三:

步骤四:
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容