手机浏览器远程调试_如何调试远程浏览器

手机浏览器远程调试

It's super frustrating when bugs pop up only in a remote browser. Something about that user, that device, or that environment is different, but I don't know what! And of course, I can't recreate it on my local development machine.

当错误仅在远程浏览器中弹出时，这非常令人沮丧。 关于该用户，该设备或该环境的某些信息有所不同，但我不知道是什么！ 当然，我不能在本地开发计算机上重新创建它。

The team at TrackJS came up with a cool way to connect and debug these remote browsers that we call RemoteJS. RemoteJS is a free service where you can attach a simplified JavaScript debugger to a remote browser. The debugger provides a remote console where you can see logs, url, network events, and execute commands. You can even pull a remote screenshot.

TrackJS团队提出了一种很酷的方法来连接和调试这些我们称为RemoteJS的远程浏览器。 RemoteJS是一项免费服务，您可以在其中将简化JavaScript调试器附加到远程浏览器。 调试器提供了一个远程控制台，您可以在其中查看日志，URL，网络事件和执行命令。 您甚至可以提取远程屏幕截图。

To use it, just create a new "debugger channel" for agents to connect to. Connecting the agent is with a JavaScript snippet to attach to the browser and establishes a websocket connection back to the web debugger. You can deploy it conditionally to catch an annoying heisenbug, perhaps activating if the `?debug` querystring is present. You can also execute it directly or as a bookmarklet if you can't do a deploy.

要使用它，只需创建一个新的“调试器通道”以供代理连接。 连接代理带有一个JavaScript代码段，该代码段可附加到浏览器，并建立与Web调试器的websocket连接。 您可以有条件地部署它以捕获一个烦人的heisenbug ，如果存在`？debug`查询字符串，则可以激活它。 您也可以直接执行它，或者如果无法进行部署，则可以将其作为书签执行。

RemoteJS can help make the most frustrating kind of bugs a little less painful. Give it a try!

RemoteJS可以使最令人沮丧的错误减轻一些痛苦。 试试看！

翻译自: https://davidwalsh.name/debug-remote-browsers

手机浏览器远程调试