手机上的调试网站

0
244
在移动设备上调试网站(2)

如果你不喜欢手机的调试网站并不容易’知道这个过程。无论是什么’S调整CSS,检查系统需求或在任何事件中检查误差,检查您的网站’展日志,大多数标准程序都提供了一个丰富的开发人员工具箱,可以调试广泛的问题......或者是大多数标准工作区计划。

当您的网站在工作区完美工作时,您的工作情况是什么,但在移动设备上被打破了?考虑您需要查看系统所需的可能性需要您的手机正在进行中。

答案:Chrome的远程调试

注意:我基本上使用Chrome,并且随附的散步是为了Chrome。 Firefox具有基本上与程序相同。你可以看看这里。

铬合金’S远程调试使您可以接口PC’s Chrome’S到Android设备的开发工具工具运行Mobile Chrome。使用此,您可以完全访问移动浏览器的Chrome Developer工具!

什么 you would require:

铬合金 Browser on your PC

铬合金 mobile running on your Android device (Android 4.0 or more)

USB电缆(也许是您之前安装在PC上的手机的驱动程序)

第1阶段:找到利用Chrome的移动设备

将手机连接到PC。在您的手机上,转到设置>开发人员选项并启用USB调试。

移动设置 - 开发人员 - 选项 启用-debugging-option

尽量不要看开发人员选项?前往设置>关于手机,点击构建数几次。你应该与你留下的捕捉量进行简短“become a developer”

启用 - 开发人员 - 选项

在您的PC上,射击铬,然后是开发人员工具(CMD / CTRL + OPT / ALT + I)。在具有各种选项卡的行中,单击右侧的三个点以堆叠更多选择。在更多的工具下,您应该发现一个名为远程设备的选择。

将您的移动设备插入到PC;这将迅速折腾授权提示。在允许此之前,该设备将在DEV工具中处于挂起的授权状态。单击确定。

该设备目前授权且所有集合! Chrome浏览器现在应列出您的设备名称和类型。

第2步:检查

当你’完成设置,您现在可以直接在PC上检查标签’s Chrome!

在手机上打开Chrome。

单击PC上的Chrome开发人员工具中的设备名称。它应该列出您在手机上打开的各种选项卡。单击要调试的襟翼的Inspect按钮。

铬合金 should open up another window, with a real-time version of your mobile browser’s tab on the left and
右边的所有常规开发人员工具。

什么’s more, that is it!

在移动设备上调试您的网站(2)

您目前接近开发人员工具的所有调试体面......
目前为您的移动设备!我希望您能够有效地在移动设备上进行调试。

由...赞助: 迪拜景点

评论被关闭。