移动设备上的 Javascript 分析

关键词：

【中文标题】移动设备上的 Javascript 分析【英文标题】：Javascript profiling on mobile devices 【发布时间】：2012-01-25 15:33:18 【问题描述】：

我正在寻找能够在移动设备上执行网站分析的工具，类似于 Firebug 和 Chrome 开发工具所允许的。

我用过Weinre相当广泛。虽然它是用于真实设备的绝佳工具，但它不提供运行时分析工具。

有没有人听说过或使用过任何允许这样做的工具？

【问题讨论】：

【参考方案1】：

以下是来自 Steve Sauders（《高性能网站》一书的作者）的移动性能测试工具列表：

Mobile Perf bookmarklet - 一个超级书签，带有指向其他多个对移动有用的书签的链接（我的） Jdrop - 用于在移动设备上收集数据的云端 JSON（我的） Mobitest - 将 WebPagetest.org 连接到 Android 和 iPhone 设备 (Blaze.io) pcapperf - 从连接到 wifi 热点的移动设备获取 HTTP 瀑布图，博客文章（开源） WebWait - 我能想到的在真实设备上通过 3G 测量页面加载时间的唯一方法 - 在 iframe 中加载 URL (Michael Mahemoff) weinre - Web Inspector Remote，非常酷的远程调试移动设备的方法 (Patrick Mueller) Reflow Timer - 测量回流时间的书签（Lindsey Simon，开源） Favelet Suite - 一个超级书签，大量功能！ (slayeroffice)

来源：http://stevesouders.com/mobileperf/

更新：

您可以在 Android 设备上使用 Chrome Devtools，也可以在带有 iOS 设备的 Mac 上使用 Safari Devtools。

铬：https://developer.chrome.com/devtools/docs/remote-debugging

Safari：https://blog.idrsolutions.com/2015/02/remote-debugging-ios-safari-on-os-x-windows-and-linux/

你通过 USB 连接

【讨论】：

【参考方案2】：

您可以使用桌面 Chrome 开发者工具界面分析/调试/检查 Chrome-on-Android：

https://developers.google.com/chrome/mobile/docs/debugging

需要 Chrome、能够运行 Chrome 应用的 Android 设备和 USB 数据线。

设置起来有点烦人，因为您必须安装和使用 ADB 控制台命令，但是一旦它工作，您将拥有完整的 chrome 开发者工具界面，可用于调试移动设备。

此外，Google 似乎正在为新的开发工具 Crhome 扩展（如 PageSpeed）支持此功能。

【讨论】：

【参考方案3】：

对于 Mac 上的 iOS 调试，您可以使用桌面 Safari：

使用 USB 数据线连接您的设备 在设备上启动应用程序 在您的计算机上启动 Safari 转到开发 -> device_name -> file_name.html

（如果您无法使用 Develop 菜单，请转到 Edit 菜单 > Preferences... > Advanced 选项卡并选中 Show Develop menu in menu bar 复选框）

它会启动标准的 Safari 网络检查器，它与 Chrome 开发者工具非常相似，但与之相比有些局限。

【讨论】：

Firebase 分析和性能日志在移动设备上的位置在哪里？

】Firebase分析和性能日志在移动设备上的位置在哪里？【英文标题】：WhereisthelocationofFirebaseAnalyticsandPerformancelogsfoundonmobiledevices?【发布时间】：2021-09-2420:30:54【问题描述】：类似于包含事件日志的./Fabric目录（在Android设备上），... 查看详情

Flash 移动应用程序：设备和分析器上的不同 RAM 消耗

】Flash移动应用程序：设备和分析器上的不同RAM消耗【英文标题】：FlashMobileapp:differentRAMconsumptionondeviceandonprofiler【发布时间】：2013-05-2407:57:19【问题描述】：我正在分析我的Flash移动应用程序，我注意到当应用程序在设备上或Fla... 查看详情

计算移动设备上的屏幕高度

...题描述】：这让我发疯。很多时候我有轮播等，我需要用JavaScript响应式地重置屏幕高度。问题是，对于移动设备，屏幕高度包括顶部的小URL窗口，因此页面高度由"window.innerHeight"或$(window).height();已关闭。有解决方法吗？无时无 查看详情

精通javascript--10移动设备javascript开发

代码清单10-3　　访问来自触摸传感器的数据1//在页面上创建一个<p>元素，用以显示当前屏幕上的接触总数量2vartouchCountElem=document.createElement("p");34//定义一个事件处理函数。当一个与接触相关的事件发生时，执行此函数5functio... 查看详情

阻止移动网页上的设备旋转

...模式访问它时，是否可以在我的页面上检测到（例如使用Javascript），并在用户将手机旋转到横向时停止方向更改？我的页面上有游戏，仅针对纵向显示进行了优化，我不希望它在横向显示。【问题讨论】：这不是您可能会喜欢... 查看详情

如何使用 javascript 为移动设备调整网站背景？

】如何使用javascript为移动设备调整网站背景？【英文标题】：Howtoadjustsitebackgroundwithjavascriptformobiledevice?【发布时间】：2015-12-1017:50:28【问题描述】：我刚刚为我朋友的歌舞表演完成了我的wordpress网站。我做了一些Javascript来自定... 查看详情

仅在移动设备上的文本后面的按钮

...一个像这样的非常简单的测验：https://www.sitepoint.com/simple-javascript-quiz/我试图让它更具响应性并添加了这一行：<metaname="viewport"content="width=device-width 查看详情

使用 javascript/jQuery 将桌面的 href url 切换到移动设备

】使用javascript/jQuery将桌面的hrefurl切换到移动设备【英文标题】：Switchhrefurlwithjavascript/jQueryfordesktoptomobile【发布时间】：2013-05-1012:49:25【问题描述】：大家好，我似乎找不到我想要做的确切事情，作为一个javascript业余爱好者，... 查看详情

用于移动触摸屏设备的 Ace 文本编辑器上的慢速滚动

...发布时间】：2012-11-1617:49:54【问题描述】：我正在尝试让JavaScript代码编辑器ACE在移动设备上工作。vareditor=ace.edit("editor");editor.setTheme("ace/theme/twilight");e 查看详情

设备上的地理围栏测试

...IBMWorklight的新手，并且了解Worklight具有地理围栏功能并在移动模拟器中进行测试。Worklight是否有一些方法可以在实际设备上测试地理围栏，同时仍然分析位置/wifi数据？【问题讨论】：【参考方案1】：要在实际设备上进行测试，... 查看详情

滚动上的fadeIn nav在移动设备上不起作用

...在nav元素上使用了一个简单的jQueryfadeIn。我也在使用基于javascript动画的插件skrollr。在这里您可以看到我的页面，我已将文件上传到服务器：http://www.unf.edu/~n008047 查看详情

Django - 即使设置了 CSRF 令牌，移动设备上的 Ajax 请求也会禁止 403

...使用django开发的网站。我设置了我的服务器，以便它使用javascript在滚动时从django视图中使用ajax连续加载帖 查看详情

从移动网站访问移动设备上的 GPS 和相机设备

】从移动网站访问移动设备上的GPS和相机设备【英文标题】：AccessGPSandcameradevicesonmobiledevicesfrommobilewebsites【发布时间】：2011-01-2307:35:36【问题描述】：我希望能够从专为移动设备构建的网站访问GPS和相机设备。尤其是windowsmobile... 查看详情

javascript在移动设备上移动元素(代码片段)

查看详情

javascript在移动设备上移动元素(代码片段)

查看详情

忽略移动设备上的设备方向

】忽略移动设备上的设备方向【英文标题】：Ignoredeviceorientationonmobile【发布时间】：2020-06-2716:06:44【问题描述】：我有一个Vuejs组件，每当设备的方向变为横向时，它都会触发一个方法。我已经使用window.addEventListener("orientati... 查看详情

如何使用 JavaScript 检测移动设备？

】如何使用JavaScript检测移动设备？【英文标题】：HowtodetectamobiledevicewithJavaScript?【发布时间】：2011-07-1215:37:19【问题描述】：我被要求创建一个实际的HTML页面/JavaScript来模拟使用JavaScript代码检测移动设备（iPhone/iPad/Android）。然... 查看详情

移动设备上的 iframe 支持

】移动设备上的iframe支持【英文标题】：Iframesupportonmobile【发布时间】：2012-07-0812:11:11【问题描述】：在移动设备上使用iFrame时是否有任何歧义？是否所有移动设备都支持iFrame。【问题讨论】：【参考方案1】：理想情况下，所... 查看详情