android chrome html,在桌面chrome中调试android设备中的web页面

准备工作

1，桌面版chrome

2， Android设备(安装有chrome浏览器)

3， Android-sdk

Android-sdk安装及设置

SKD安装

从http://developer.android.com/sdk/index.html下载android-sdk开发包，安装后，执行SDK Manager.exe，安装android SDK Platform-tools工具包。

环境变量配置：

在环境变量添加path，并添加路径/platform-tools;

添加后，在cmd窗口执行adb,看到如下相关信息，表示配置成功。

Android设备工作

开启USB调试选项

进入设置，选择开发者选项，勾选USB调试

开启android设备上面chrome中USB网页调试选项

开始调试准备

设备检测

连接数据线后，进入cmd命令行，输入 adb devices，查看是否有设备列表。如图：

Chrome快捷方式

添加chrome快捷方式到桌面，修改目标：\chrome.exe --remote-debugging-port=9222 --user-data-dir=remote-profile

点击该快捷方式启动chrome，在浏览器地址栏输入：localhost:9222

有缩略图可以选择。点击后，如果无法显示该页，请配置host文件

HOST配置

进入C:\Windows\System32\drivers\etc,编辑HOST文件，添加如下配置。

203.208.46.178 chrome-devtools-frontend.appspot.com

无法没有保存权限，请查找相关教程。

调试页面

前面工作完成后，点击localhost:9222中的缩略图，进入调试页面：

可以看到控制台，在console窗口中可以看到打印信息。

android chrome html,在桌面chrome中调试android设备中的web页面相关推荐

如何在浏览器中调试Android的WebView
如何在浏览器中调试Android的WebView 一.在Android中设置允许调试在加载WebView的Activity的onCreate中添加代码:该步骤是开启WebView的调试模式,不开启则 ...
android eclipse services,Eclipse中调试Android Framework本地代码模块部分过程记录
环境:Amlogic S905M2 + ubunt12.04 + win7 + adt_bundle_linux + Android SDK 过程: 1. 为避免用Eclipse基础版本(Luna)后 ...
【JavaScript】实现将从Excel中复制的数据粘贴到WEB页面Grid中
WEB项目中,我们有时会碰到这样的情况,需要将从Excel中复制的数据粘贴到WEB页面Grid中(当然复制的数据格式与Grid中数据显示格式是一致的),用JS实现起来并不难,重要的是如何准确得到从Ex ...
使用chrome devtools app(离线包）调试Android H5页面
在调试Android H5页面的时候时候Chrome自带的"Chrome://inspect"工具调试时,国内用户都面临不可用的问题. 不翻墙,实现chrome浏览器调试工具的 ...
android设置通知在屏幕横幅显示,Android推送通知横幅未显示在某些设备中
我试图用NotificationCompat推送通知: NotificationCompat.Builder b = new NotificationCompat.Builder(this); b.s ...
在html页面中怎么打印区域,javascript打印web页面中指定区域的方法
要实现打印web页面中的指定区域,要做到: 将需要打印的课程表的table放入div标签中,然后指定出需要打印的区域,最后调用window.print打印指定内容. 核心代码: 复制代码代码示例: ...
html中背景条纹效果,CSS制作Web页面条纹背景样式的技巧分享
通过CSS中的linear-gradient主要就能显示出不同方向的条纹效果,这里我们就了解CSS制作Web页面条纹背景样式的技巧分享,需要的朋友可以参考下一.横向条纹如下代码:background ...
android studio for mac无法真机调试,Android studio for mac真机测试
mac系统真机测试需要配置adb环境. 配置方法: 1.首先找到adb的文件目录,打开Android studio启动界面点击Configure 选择project defaults 选择projec ...
android指定sim卡拨号,使用双SIM卡设备中的指定SIM拨打电话
过去几天我一直在寻找这个,我开始知道: "开箱即用的Android不支持双SIM卡.这是制造商的自定义修改,并且没有公共API来控制它." 下面的链接提供了一个解决方案,但它不能在 ...

android chrome html,在桌面chrome中调试android设备中的web页面

android chrome html,在桌面chrome中调试android设备中的web页面相关推荐

最新文章

热门文章