如何在计算机上的android for android上调试网页

作为博客的管理员，我使用Chrome调试我的个人网站，看看在服务器上永久实现主题和CSS之前的变化。 我不久前从未关注过移动网页，因为只有少数访问者使用智能手机访问了我的网站。 但今天，很大比例的访客包括智能手机和平板电脑，因此有必要在那里照顾外观和演示。

如果它是计算机上的页面，可以使用Chrome右键单击上下文菜单中的选项轻松调试，但这不是移动页面的选项。 所以，今天我将向您展示如何使用Chrome for Android和Android SDK调试计算机上的移动网页。

调试网页

第1步：在您的计算机上下载并安装Android SDK并运行它。 如果您没有安装Java，安装程序将要求您下载Java。

您第一次在计算机上运行Android SDK时，会要求您下载多个API和工具。 如果您安装Android SDK的唯一目的是调试页面，请取消选中 Android SDK平台工具 以外的所有内容，然后单击“ 安装包” 按钮。

步骤2：安装Android平台工具后，打开Run Box（Windows + R）并运行％userprofile％\ AppData \ Local \ Android \ android-sdk \ platform-tools打开Android平台工具目录。

步骤3：现在按住Ctrl + Shift键并右键单击该文件夹以打开命令提示符。 您也可以使用“运行”框打开命令提示符，然后手动导航到该文件夹​​。

第4步：完成此操作后，在Android手机上打开Chrome，打开 “设置” - >“开发者”工具， 然后选中“启用USB Web调试”选项。

步骤5：现在在命令提示符下运行命令 adb forward tcp：9222 localabstract：chrome_devtools_remote 并在Windows上成功执行时打开Chrome浏览器。

第6步：在Android Chrome浏览器上打开要调试的页面，然后在计算机的Chrome浏览器上打开URL localhost：9222 。

就是这样，您将在Android浏览器上看到所有打开的页面都是计算机上的缩略图。 要打开调试页面，只需单击相应的网站缩略图即可。 您将能够直接在Android上实时跟踪您在计算机上所做的调试更改。

结论

我相信这个技巧将帮助许多Web开发人员优化他们的智能手机网页。 我已经使用了这个技巧来配置我的网页，它就像魅力一样。 但是，如果您知道在计算机上调试智能手机网页的更好方法，请与我们分享。