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

android远程实时更新webview界面:

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

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

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

chrome://inspect

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

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

ios远程实时更新webview界面:

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

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

步骤二:

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

步骤三:

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

步骤四:

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

    原文作者:Hans在路上
    原文地址: https://www.jianshu.com/p/0885d2f80969
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞