Javascript profiling on mobile devices - Stack Overflow

admin管理员组

文章数量:1289620

I am looking for tools that allow to perform profiling of websites on mobile devices similar to what Firebug and Chrome dev tools allow to do.

I have used Weinre quite extensive. While it is an awesome tool to use with real devices, it does not provide facilities for run-time profiling.

Has anyone heard or used any tools that allow to do so?

I am looking for tools that allow to perform profiling of websites on mobile devices similar to what Firebug and Chrome dev tools allow to do.

I have used Weinre quite extensive. While it is an awesome tool to use with real devices, it does not provide facilities for run-time profiling.

Has anyone heard or used any tools that allow to do so?

• javascript
• mobile
• profiling

Share Improve this question Follow edited Jan 25, 2012 at 19:10 c69 21.5k88 gold badges5555 silver badges8383 bronze badges asked Jan 25, 2012 at 15:33 VasilyVasily 46111 gold badge66 silver badges1616 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 6

Here is a great list of mobile performance testing tools from Steve Sauders (the guy that wrote the book "High Performance Web Sites"):

• Mobile Perf bookmarklet - An uber bookmarklet with links to multiple other bookmarklets useful for mobile (mine)
• Jdrop - JSON in the cloud for gathering data on mobile devices (mine)
• Mobitest - Connects WebPagetest to Android and iPhone devices (Blaze.io)
• pcapperf - Get HTTP waterfall charts from your mobile device connected to a wifi hotspot, blog post (open source)
• WebWait - The only way I can think of to measure page load times on real devices over 3G - load URL in an iframe (Michael Mahemoff)
• weinre - Web Inspector Remote, very cool way to debug your mobile device remotely (Patrick Mueller)
• Reflow Timer - Bookmarklet to measure reflow time (Lindsey Simon, open source)
• Favelet Suite - An uber bookmarklet, tons of features! (slayeroffice)

Source: http://stevesouders./mobileperf/

UPDATE:

You can use Chrome Devtools with an Android device and you can use Safari Devtools on a Mac with an iOS device.

Chrome: https://developer.chrome./devtools/docs/remote-debugging

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

You connect via USB

You can profile/debug/inspect Chrome-on-Android using the desktop Chrome developer tools interface:

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

It'll require Chrome, an Android device able to run the Chrome app, and a USB cable.

Its a bit annoying to setup, because you have to install and use the ADB console mand, but once its working, you'll have the full chrome developer tools interface available for debugging mobile.

Additionally, Google appears to be supporting this feature for new dev-tool Crhome extensions like PageSpeed.

For iOS debugging on Mac, you can use desktop Safari:

• connect your device with a USB cable
• start the app on the device
• launch Safari on your puter
• go to Develop -> device_name -> file_name.html

(if the Develop menu is not available for you, then go to Edit menu > Preferences... > Advanced tab and check Show Develop menu in menu bar checkbox)

It launches standard Safari web inspector, which is pretty similar to Chrome Developer Tools, although somewhat limited pared to it.

本文标签： Javascript profiling on mobile devicesStack Overflow