blocks|key|688292|text|安卓设备可以通过进入settings>Phone状态，然后点击7次“内部版本号”进入开发者模式。这允许你做一个bunch+of+things+(see+step+5)，包括USB调试。(某些设备可能在软件信息下有内部版本号)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|688293|要激活USB调试，请在“设置”中查找新出现的"{+}开发人员选项“，打开它并打开USB调试。使用直接USB连接连接您的设备。|688294|在桌面上的Chrome中，在通常用于调试的开发人员工具面板中，查看菜单中的更多tools>remote设备。选择Discover+USB设备后，您现在应该可以在侧面看到您的移动设备。|688295|选择它可以查看您打开的所有chrome选项卡的列表，并且可以直接输入URL。|688296|选择其中一个链接将打开一个新窗口，左侧是设备屏幕的镜像，右侧是所有熟悉的chrome调试工具。您仍然可以直接控制您的设备或使用镜像屏幕上的鼠标。它甚至可以旋转。|688297|完整详细信息来自谷歌的on+remote+debugging和来自askvg.com的how+to+enable+developer+mode+(链接如上)|688298|entityMap|0|LINK|mutability|MUTABLE|url|http://www.askvg.com/tip-enable-hidden-secret-developer-options-menu-in-google-android-mobiles-phones-and-tablets/|1|https://developers.google.com/web/tools/chrome-devtools/remote-debugging/|2^0|1J|S|0|0|0|0|0|0|B|J|1|17|S|2|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|13|8|@]|9|@]|C|$]]|$1|H|3|I|5|6|7|14|8|@]|9|@]|C|$]]|$1|J|3|K|5|6|7|15|8|@]|9|@]|C|$]]|$1|L|3|M|5|6|7|16|8|@]|9|@$A|17|B|18|1|19]|$A|1A|B|1B|1|1C]]|C|$]]|$1|N|3|-4|5|6|7|1D|8|@]|9|@]|C|$]]]|O|$P|$5|Q|R|S|C|$T|U]]|V|$5|Q|R|S|C|$T|W]]|X|$5|Q|R|S|C|$T|U]]]]

Android devices can be put into developer mode by going through settings>Phone status then tapping on "Build number" 7 times. This allows you to do a <a href="http://www.askvg.com/tip-enable-hidden-secret-developer-options-menu-in-google-android-mobiles-phones-and-tablets/" rel="nofollow noreferrer">bunch of things (see step 5)</a> including USB debugging. (Some devices might have Build number under Software Info)

To activate USB debugging, look in Settings for the newly appeared "{ } Developer Options", open this and switch on USB debugging. Connect your device using a direct USB connection.

In Chrome on your desktop, in the usual developer tools panel used for debugging, look in the menu for more tools>remote devices. With Discover USB devices selected, you should now see your mobile device on the side. 

Select it to see a list of all the chrome tabs you have open and the ability to enter URLs directly.

Selecting one of the links will open up a new window with a mirror of your device screen on the left and all the familiar chrome debug tools on the right. You can still control your device directly or use the mouse on the mirrored screen. It even rotates.

full details <a href="https://developers.google.com/web/tools/chrome-devtools/remote-debugging/" rel="nofollow noreferrer">on remote debugging</a> from google and <a href="http://www.askvg.com/tip-enable-hidden-secret-developer-options-menu-in-google-android-mobiles-phones-and-tablets/" rel="nofollow noreferrer">how to enable developer mode</a> (link as above) from askvg.com

blocks|key|688340|text|您可以在Safari+Mobile上使用任何iPhone/iPad进行调试。在开发人员菜单中，您可以找到您的设备，然后您可以使用检查器调试您的代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|688341|如果您使用的是安卓设备，则可以使用chrome://inspect在Chrome+Desktop上进行调试(记得激活调试模式|offset|length|style|CODE|688342|entityMap^0|0|H|G|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

You can debug on Safari Mobile with any iPhone/iPad. In Developer menu you can find your device and you can then debug your code with inspector.

If you have an Android Device instead, you can debug on Chrome Desktop (remember to active the debug mode) with <code>chrome://inspect</code>

blocks|key|688393|text|在IPhone上，您可以进入settings>Safari>advanced并打开web检查器|type|unstyled|depth|inlineStyleRanges|entityRanges|data|688394|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

On the IPhone you can go into settings>Safari>advanced and turn web inspector on

blocks|key|688440|text|安卓提供了一个用于这些目的的工具集：https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|688441|苹果也是这样做的：https://developer.apple.com/safari/tools/|688442|教程：https://css-tricks.com/using-chrome-devtools-to-debug-javascript-in-any-browser-with-ghostlab-2/|688443|entityMap|0|LINK|mutability|MUTABLE|url|https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3|1|https://developer.apple.com/safari/tools/|2|https://css-tricks.com/using-chrome-devtools-to-debug-javascript-in-any-browser-with-ghostlab-2/^0|I|3K|0|0|9|15|1|0|3|2O|2|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|D|3|E|5|6|7|X|8|@]|9|@$A|Y|B|Z|1|10]]|C|$]]|$1|F|3|G|5|6|7|11|8|@]|9|@$A|12|B|13|1|14]]|C|$]]|$1|H|3|-4|5|6|7|15|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]|P|$5|K|L|M|C|$N|Q]]|R|$5|K|L|M|C|$N|S]]]]

Android provides a tool set for these purposes:
<a href="https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?utm_source=dcc&amp;utm_medium=redirect&amp;utm_campaign=2016q3" rel="nofollow noreferrer">https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?utm_source=dcc&amp;utm_medium=redirect&amp;utm_campaign=2016q3</a>

Apple does it a similar way:
<a href="https://developer.apple.com/safari/tools/" rel="nofollow noreferrer">https://developer.apple.com/safari/tools/</a>

Tutorial: <a href="https://css-tricks.com/using-chrome-devtools-to-debug-javascript-in-any-browser-with-ghostlab-2/" rel="nofollow noreferrer">https://css-tricks.com/using-chrome-devtools-to-debug-javascript-in-any-browser-with-ghostlab-2/</a>

blocks|key|688662|text|有时，我会收到客户报告的错误，这些错误不是每次都能重现的，也不能在我们的测试中重现。对于这种情况，我推荐使用Lucky+Orange。它记录用户活动，还可以选择记录控制台消息。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|688663|PS+-我不是一个会员，我使用他们为我自己的项目，并喜欢它。|688664|entityMap|0|LINK|mutability|MUTABLE|url|https://www.luckyorange.com/^0|1I|C|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

Sometimes I get bugs reported by customers that are not reproducible every time or in our testing. For such cases I recommend <a href="https://www.luckyorange.com" rel="nofollow noreferrer">Lucky Orange</a>. It records the user activity and also has the option to record console messages.
PS - I'm not an affiliate, I use them for my own projects and like it.

blocks|key|688705|text|你可以使用Chrome远程调试器。检查here。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|688706|如果你在这种情况下没有使用Mobile+Chrome，你可以使用OutFront+JS。它有助于将警告、错误和日志记录到DOM中。|688707|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.chrome.com/docs/devtools/remote-debugging/|1|https://www.npmjs.com/package/outfront^0|J|4|0|0|W|B|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

You can use Chrome remote debugger. Check <a href="https://developer.chrome.com/docs/devtools/remote-debugging/" rel="nofollow noreferrer">here</a>.
If you are not using Mobile Chrome in that case you can use <a href="https://www.npmjs.com/package/outfront" rel="nofollow noreferrer">OutFront JS</a>. It helps to log warnings, errors, and logs to DOM.

blocks|key|688753|text|另一种基本调试的解决方案(很多时候都是必要的)是在移动设备上有一个控制台polyfill，而不需要插入桌面上的USB。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|688754|mobileConsole就是这样一个控制台polyfill。|offset|length|688755|希望它能帮助一些人，我发现它很有用。|688756|entityMap|0|LINK|mutability|MUTABLE|url|https://www.hnldesign.nl/work/code/mobileconsole-javascript-console-for-mobile-devices/^0|0|0|D|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

Another solution for basic debugging (which many times is all is needed), is having a console polyfill on mobile without the need to plug into USB on desktop.
<a href="https://www.hnldesign.nl/work/code/mobileconsole-javascript-console-for-mobile-devices/" rel="nofollow noreferrer">mobileConsole</a> is such a console polyfill.
Hope it helps someone, I found it useful.

I know about firebug and the developer tools for the major modern desktop browsers, but I can't find any way of debugging JavaScript code on mobile browsers.

What are some high level techniques I can use to debug code on mobile browsers?

How to debug JavaScript code with mobile browsers

我知道firebug和主要现代桌面浏览器的开发工具，但我找不到任何在移动浏览器上调试JavaScript代码的方法。我可以使用哪些高级技术在移动浏览器上调试代码？

问如何使用移动浏览器调试JavaScript代码
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用移动浏览器调试JavaScript代码EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用移动浏览器调试JavaScript代码
EN