如何使用移動瀏覽器調試JavaScript代碼

我瞭解有關主要現代桌面瀏覽器的螢火蟲和開發人員工具，但我找不到在移動瀏覽器上調試JavaScript代碼的任何方法。如何使用移動瀏覽器調試JavaScript代碼

什麼是我可以用來在移動瀏覽器上調試代碼的一些高級技術？

2011-05-10 chnxster

我所做的是在桌面瀏覽器中查看移動版本並在那裏進行調試。 – 2011-11-16 21:59:50

@JohnIsaacks有些網站在桌面瀏覽器中顯示不正確。我們的責任是在真實設備上進行調試並修復桌面瀏覽器。 – Emerald214 2012-05-16 03:38:33

大部分時間都是關於尺寸的，所以有一些在線工具，如http://responsinator.com，可以在一頁中顯示不同手機和平板電腦尺寸的頁面！ [這裏]（http://www.gonzoblog.nl/2012/03/21/10-testing-tools-for-responsive-web-design/）是其中的10個列表。正如我測試http://responsinator.com即使您的localhost網址工作。個人來說，這些工具可以滿足我對響應式網頁設計的大部分類似需求。此外，還可以通過[chrome]（http://googlesystem.blogspot.com/2011/12/changing-user-agent-new-google-chrome.html）模擬不同的代理。 – 2012-07-24 21:52:47

Android設備可以通過設置>手機狀態進入開發者模式，然後點擊「內部編號」7次。這使您可以執行bunch of things (see step 5)，包括USB調試。（某些設備可能具有軟件信息下的內部版本號）

要激活USB調試，請查看新出現的「{}開發人員選項」的設置，打開該選項並打開USB調試。使用直接USB連接連接您的設備。

在桌面上的Chrome中，在用於調試的常用開發人員工具面板中，查看菜單中的更多工具>遠程設備。選擇Discover USB設備後，您現在應該可以看到您的移動設備。

選擇它可以查看您打開的所有鉻選項卡列表，並且可以直接輸入URL。

選擇其中一個鏈接將打開一個新窗口，左側是設備屏幕的鏡像，右側是所有熟悉的chrome調試工具。您仍然可以直接控制設備或在鏡像屏幕上使用鼠標。它甚至旋轉。從askvg.com

來源

2017-07-03 08:32:49 franki

這個方法也適用於firefox。 [更多信息]（https://developer.mozilla.org/en/docs/Tools/Remote_Debugging/Debugging_Firefox_for_Android_with_WebIDE） – 2017-07-03 11:07:15

您可以在Safari移動與任何iPhone/iPad的調試

全部細節on remote debugging從谷歌和how to enable developer mode（如上鍊接）。在Developer菜單中，您可以找到您的設備，然後您可以使用檢查員調試您的代碼。

如果您使用的是Android設備，而不是，您可以在Chrome桌面調試（記得要積極調試模式）chrome://inspect

來源

2017-07-03 13:55:53

IPhone上，你可以進入設置> Safari瀏覽器 - >高級，打開網頁檢查上

來源

2017-07-07 17:48:37

Android提供了一個工具，用於這些目的設置： https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3

蘋果做它以類似的方式： https://developer.apple.com/safari/tools/

教程：https://css-tricks.com/using-chrome-devtools-to-debug-javascript-in-any-browser-with-ghostlab-2/

來源

2017-07-09 14:51:59 Hermann77

如何使用移動瀏覽器調試JavaScript代碼

回答

相關問題