移动端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远程调试_第1张图片
ios远程实时更新webview界面:

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


移动端Web开发调试之Chrome远程调试_第2张图片

步骤二:


移动端Web开发调试之Chrome远程调试_第3张图片

步骤三:
移动端Web开发调试之Chrome远程调试_第4张图片

步骤四:
移动端Web开发调试之Chrome远程调试_第5张图片

你可能感兴趣的:(移动端Web开发调试之Chrome远程调试)