您可以在 Chrome 开发者工具中将 PhoneGap 应用程序显示为截屏视频吗答案

【问题标题】：Can you display a PhoneGap app as a Screencast in Chrome Developer Tools您可以在 Chrome 开发者工具中将 PhoneGap 应用程序显示为截屏视频吗
【发布时间】：2014-07-30 04:01:05
【问题描述】：

在任何地方都找不到答案。

我们有一个原型 PhoneGap 应用程序，可以部署到 Android 设备上。使用 Chrome 开发者工具，我们可以使用普通工具编辑 CSS 等进行调试，它会改变设备上的显示。

这一切都很好，但我想知道是否有一种方法可以使用截屏工具，在 phonegap 应用程序的开发人员工具中显示您的手机屏幕。据我所知；您似乎能够在 Android 设备上的 Chrome 中找到打开的网站。

任何想法将不胜感激。

谢谢，阿什利

【问题讨论】：

标签： google-chrome cordova google-chrome-devtools

【解决方案1】：

目前不支持 WebView 的屏幕播放。

也许这不是您正在寻找的，但它在故障排除时帮助了我：根据您使用的工具集，您可以尝试从 android 设备上的 chrome 浏览器访问开发机器上的本地网络服务器。为此，手机必须在您的网络 (Wi-Fi) 中。

我正在使用 Visual Studio 开发一个 PhoneGap 应用，并将我的环境配置为允许从远程计算机进行访问，请参阅blog post。

我还为我在blog of Scott Hanselman 上找到的“网站”运行了这个命令：

C:\Program Files (x86)\IIS Express>IisExpressAdminCmd.exe 
setupFriendlyHostnameUrl -url:http://yourcomputername:555/

最后，我可以使用来自 android 的 chrome 浏览器来使用 Screencasting 功能。除了无法使用 NFC 等硬件功能外，通过浏览器使用该应用程序的感觉是一样的。

对于其他环境，启用远程访问的过程应该类似。

马丁

【讨论】：