我正在使用 Cordova for Android 构建一个混合应用程序。HTML5/CSS3 可以在桌面版 Chrome 和 Android 版 Chrome 中正确呈现。
但是，通过 Cordova，HTML5/CSS3 是使用本地浏览器（名为“Internet”的应用程序）呈现的。CSS 解释似乎存在一些问题。
Firefox 有 Firebug，Chrome 有一个开发者面板，可以在桌面上进行远程调试。你知道我可以使用什么类似的工具来有效地调试移动原生浏览器的 CSS 吗？
问问题
28492 次
7 回答
19
我终于找到了温热。该解决方案属于 Cordova 项目。 http://people.apache.org/~pmuellr/weinre/docs/latest/
于 2013-05-25T08:32:07.833 回答
13
我已经在 Android 2.2 股票浏览器上尝试过 weinre，它运行良好
要设置它，
sudo npm install -g weinre
// make it available to external (than just localhost)
weinre --boundHost -all-
// include this line (change to your IP address) to every page to be tested
<script src="http://xxx.xxx.x.xxx:8080/target/target-script-min.js#anonymous"></script>
来自本网站的更多详细信息使用 weinre 进行远程调试
于 2014-09-28T10:23:04.817 回答
3
只是为了提供一个更新的选项。
您也可以使用 BrowserSync。目前它已经将Weinre集成到此。
# Using a local.dev vhost
$ browser-sync start --proxy
# Using a local.dev vhost with PORT
$ browser-sync start --proxy local.dev:8001
# Using a localhost address
$ browser-sync start --proxy localhost:8001
# Using a localhost address in a sub-dir
$ browser-sync start --proxy localhost:8080/site1
于 2015-06-09T16:57:09.470 回答
1
首先，我运行我的 Android 虚拟设备控制台，并仅在安装本机浏览器$ android avd的情况下启动我配置的 Android v4.4.2 仿真。
接下来，我在笔记本电脑上运行 Chrome v54.0 for Desktop，打开 Google-Developer-Tools/ Top-Right-Contextual-Menu /More-Tools/ Remote-Devices ...
在那里，我看到我的虚拟设备处于连接状态，因此我可以单击Ionic2 应用程序任何页面的检查按钮。
此操作会打开一个新的 Chrome 开发人员工具浮动窗口，我可以在其中检查 CSS、HTML 和 Javascript，就像在我的 Web 应用程序中一样。
希望这可以帮助某人。
于 2016-11-13T01:55:32.827 回答
0
开始远程调试 Android 设备
https://developers.google.com/web/tools/chrome-devtools/remote-debugging
于 2020-04-07T12:29:41.967 回答
-1
这似乎在其他地方被问到，但可能不是一个具体的问题。无论如何，我发现这个答案（Is there a kind of Firebug or JavaScript console debug for Android?）很有帮助，但不是使用 Cordova，而是结合我的评论，使用Xamarin Android Player。
于 2015-11-04T07:29:15.160 回答
-3
使用控制台 JavaScript API 单击此处了解更多信息
于 2013-05-21T21:08:27.620 回答