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

红太狼 2023-02-21 14:29 3阅读 0赞

手机浏览器远程调试

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]远程浏览器。 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][]可以使最令人沮丧的错误[减轻][RemoteJS]一些痛苦。 试试看！

> 翻译自: [https://davidwalsh.name/debug-remote-browsers][https_davidwalsh.name_debug-remote-browsers]

手机浏览器远程调试

[RemoteJS]: https://remotejs.com/?utm_campaign=remotejs-launch&utm_medium=content&utm_source=davidwalsh
[heisenbug]: https://en.wikipedia.org/wiki/Heisenbug
[https_davidwalsh.name_debug-remote-browsers]: https://davidwalsh.name/debug-remote-browsers