当前位置：文江博客话题详情

有没有一种适用于 Android 的 Firebug 或 JavaScript 控制台调试？

发布于 2024-11-07 00:39:41 字数 179 浏览 0 评论 0原文

我正在开发一个移动网站。它适用于 Firefox 桌面版。它可以在 iPhone 上运行，但当我在 Android 2.x（可能更低）上按下按钮时。我的 JavaScript 代码崩溃了或者其他什么...

我可以访问这些设备的记录器或 JavaScript 控制台吗？

更好的应该是一种Firebug应用程序。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

会发光的星星闪亮亮i 2024-11-14 00:39:41

一种选择是 weinre。它提供了 DOM 和与控制台一起进行样式编辑。如果您不想自己设置，可以在 http://debug.phonegap.com

另一个选项是 JSHybugger。它无疑是适用于 Android 浏览器的最完整的调试环境。这是一个付费产品，但可能值得。

回复收藏 0 原文

杯别 2024-11-14 00:39:41

Chrome 有一个非常好的功能，称为“USB Web 调试”，它允许在通过 USB 连接时在 PC 上查看移动设备的调试控制台。

请参阅此处了解更多详细信息。

编辑：Windows 似乎不支持 ADB 8，但此链接似乎提供了一个解决方案：

http://mikemurko.com/general/chrome-remote-debugging-nexus-7-on-windows-8/

回复收藏 0 原文

妞丶爷亲个 2024-11-14 00:39:41

您可以在某些移动浏览器中输入 about:debug 来启动 JavaScript 控制台。

回复收藏 0 原文

半寸时光 2024-11-14 00:39:41

我有时将调试输出打印到浏览器窗口。使用jQuery，您可以将输出消息发送到页面上的显示区域：

<div id='display'></div>

$('#display').text('array length: ' + myArray.length);

或者如果您想监视 JavaScript 变量而不向页面添加显示区域：

function debug(txt) {
    $('body').append("<div style='width:300px;background:orange;padding:3px;font-size:13px'>" + txt + "</div>");
}

I sometimes print debugging output to the browser window. Using jQuery, you could send output messages to a display area on your page:

<div id='display'></div>

$('#display').text('array length: ' + myArray.length);

Or if you want to watch JavaScript variables without adding a display area to your page:

function debug(txt) {
    $('body').append("<div style='width:300px;background:orange;padding:3px;font-size:13px'>" + txt + "</div>");
}

回复收藏 0 原文

小…楫夜泊 2024-11-14 00:39:41

我有同样的问题，只需使用console.log(... ）（如 firebug），并安装日志查看器应用程序，这将允许您查看浏览器的所有日志。

回复收藏 0 原文

无声静候 2024-11-14 00:39:41

我们在项目中按照以下步骤在移动设备上调试网站。

在移动设备和桌面设备上安装 mobogenie 软件（两者具有相同的版本）。
在移动 Google Chrome 浏览器中打开您的网站。
在桌面上打开 Google Chrome。转到选项 --> 更多选项 --> 检查设备。
在这里，您可以找到在移动设备上打开的网站列表，然后单击“检查”，您将获得所需的 JavaScript 控制台。

回复收藏 0 原文

幽蝶幻影 2024-11-14 00:39:41

您可以尝试 YConsole 一个 js 嵌入式控制台。它重量轻且使用简单。

捕获日志和错误。
对象编辑器。

使用方法：

<script type="text/javascript" src="js/YConsole-compiled.js"></script>
<script type="text/javascript" >YConsole.show();</script>

You can try YConsole a js embedded console. It is lightweight and simple to use.

Catch logs and errors.
Object editor.

How to use :

<script type="text/javascript" src="js/YConsole-compiled.js"></script>
<script type="text/javascript" >YConsole.show();</script>

回复收藏 0 原文

难忘№最初的完美 2024-11-14 00:39:41

“USB Web 调试”是一个选项，

“将其打印在屏幕上”是另一个选项。

但我更喜欢通过“adobe edgespect”进行远程调试，正式名称为 adobe 阴影。它在内部使用 weinre (=WEb INspect REmote)

你只需安装它 +浏览器 (Chrome) 中的一个小插件和一个可以在 Play 商店下载的免费应用程序。然后您就拥有了所有工具，例如 Chrome 开发工具。

它还支持 iOS 和 Kindle Fire

更新

就像 Chris 注意到的那样，您必须付费订阅才能使用边缘检查。一个廉价的替代方案是直接使用 weinre，它是边缘检查的基础。这里有一篇文章介绍如何设置它向上。

回复收藏 0 原文

老旧海报 2024-11-14 00:39:41

如果您使用 Cordova 3.3 或更高版本，并且您的设备运行 Android 4.4 或更高版本，则可以使用“通过 Chrome 在 Android 上进行远程调试”。完整说明如下：

https://developer.chrome.com/devtools/docs/remote-调试

总结：

使用 USB 电缆将设备插入台式计算机
在设备上启用 USB 调试（在我的设备上，位于“设置”>“更多”>“开发人员选项”>“USB 调试”）

或者，如果您使用 Cordova 3.3+ 并且没有 4.4 的物理设备，您可以使用 Android 4.4+ 的模拟器通过模拟器运行应用程序，在您的设备上台式电脑。

在设备或模拟器上运行 Cordova 应用程序
在台式计算机上的 Chrome 中，在地址栏中输入 chrome://inspect/#devices
您的设备/模拟器将与连接到您的计算机的任何其他已识别设备一起显示，并且在您的设备下，将显示在设备/模拟器上运行的 Cordova“WebView”（基本上是您的 Cordova 应用程序）的详细信息（Cordova 的工作方式是它基本上在您的设备/模拟器上创建一个“浏览器”窗口，其中其中有一个“WebView”，它是您正在运行的 HTML/JavaScript 应用程序）
单击“WebView”部分下的“检查”链接，您会在其中看到列出的设备/模拟器。这将打开 Chrome 开发人员工具，现在您可以使用它来调试应用程序。
选择 Chrome 开发人员工具的“源”选项卡可查看设备/模拟器上当前运行的 Cordova 应用程序的 JavaScript。您可以在 JavaScript 中添加断点，以便调试代码。
此外，您可以使用“控制台”选项卡查看任何错误（将以红色显示），或者在控制台底部您会看到一个“>”迅速的。在这里您可以输入您想要检查其当前值的任何变量或对象（例如 DOM 对象），该值将被显示。

回复收藏 0 原文

沦落红尘 2024-11-14 00:39:41

如果您不介意通过第 3 方服务器转发，JSConsole 是一个相当有用的 JavaScript 远程调试器。

回复收藏 0 原文

盛夏已如深秋| 2024-11-14 00:39:41

我最近编写了一个工具，用于在可移动/可调整大小的“窗口”（实际上是一个 div）中显示控制台日志。它提供与 Firebug 控制台类似的功能，但您可以在平板电脑上的页面上看到它。平板电脑/智能手机/Phablet 调试控制台

回复收藏 0 原文

枫以 2024-11-14 00:39:41

我还寻找一个简单的控制台替代品，只是为了转储文本。所以我所做的就是这个函数：

function remoteLog (arg) {
    var file = '/files/remoteLog.php';
    $.post(file, {text: arg});
}

远程 PHP 文件将所有输出记录到 arg 中的数据库中。我花了 5 分钟（好吧，在服务器端我使用了一个简单的日志库来记录和显示文本消息，但仍然......）。

I also looked for a simple console replacement, just to dump text. So what I did was this function:

function remoteLog (arg) {
    var file = '/files/remoteLog.php';
    $.post(file, {text: arg});
}

The remote PHP file recorded all the output to a database in arg. It took me 5 minutes (OK, on the server side I used a simple logging library that records and displays text messages, but still...).

回复收藏 0 原文