手机浏览器远程调试

    技术2022-07-11  146

    手机浏览器远程调试

    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

    手机浏览器远程调试

    Processed: 0.008, SQL: 9