Android开发常用代码Android精选Android开发经验谈

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

2017-09-15  本文已影响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检查器下面的使用说明,完整步骤截图如下)



步骤二:



步骤三:

步骤四:
上一篇 下一篇

猜你喜欢

热点阅读