在浏览器中模拟科尔多瓦应用程序答案

【问题标题】：Emulate cordova app in browser在浏览器中模拟科尔多瓦应用程序
【发布时间】：2015-11-14 00:33:40
【问题描述】：

所以我在 Cordova 中构建了一个 iPad 应用程序，我遇到了一些奇怪的渲染问题，当通过 xcodes ios 模拟器在设备上查看时，屏幕顶部出现 30 像素的边距，但当我在浏览器中查看时却没有，这是由于无法从已编译的 Cordova Web 查看器中查看源代码，因此调试起来非常困难。

有没有办法在浏览器中查看已编译的 Cordova 应用程序，以便我可以访问 chrome 开发人员工具。顺便说一句，Ripple 模拟器并不是一个解决方案，它所做的只是在一个精美的框架中查看 Web 视图，它不会运行我遇到问题的实际 cordova 应用程序。

【问题讨论】：

【解决方案1】：

如果您想在浏览器中模拟（测试）您的应用程序，只需从 NPM 安装新的 Cordova-Simulate 包。

从 Cordova 项目中的任意位置的命令行输入：

模拟

像魅力一样工作！ ..请务必阅读 NPM 包页面上的文档！

【讨论】：

【解决方案2】：

您应该能够使用 Safari 的检查器查看在 ios 模拟器中运行的应用程序：

打开 Safari > 首选项 > 高级并选中“在菜单栏中显示开发菜单”。
关闭首选项并启动 iOS 模拟器（从 Xcode 或命令行）。
在 iOS 模拟器中启动您的应用程序后，返回 Safari 并选择开发 > iOS 模拟器 > index.html。您应该会看到 Safari 的检查器窗口显示。

【讨论】：