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

作者: 才兄说 | 来源:发表于2017-09-15 16:59 被阅读58次
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检查器下面的使用说明,完整步骤截图如下)



步骤二:



步骤三:

步骤四:

相关文章

网友评论

    本文标题:移动端Web开发调试之Chrome远程调试

    本文链接:https://www.haomeiwen.com/subject/potesxtx.html