Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to export Safari Web Inspector timeline data?

Just like in Chrome Developer Tool, I was wondering if there is any tool/extension/plugin which would allow me to export timeline data in Safari. I tried the nightly build of webkit but it does not have that feature. Seems like this is a Chrome specific functionality.

I have to use Safari because I am testing a webapp on iPhone.

I searched around for any hints but could not get any. As of now I am thinking of two options to get the timeline information:

  • Build a Safari extension
  • Get Chrome Dev Tool's timeline code and build my own version of webkit (if that's even possible!)

Any guides/insights would be highly appreciated!

Update 1: I downloaded Webkit and found out that it supports remote iPhone debugging through USB. Probably I can find the code for web inspector for Webkit and use that code to export the timeline data.

like image 676
javaCity Avatar asked Jul 11 '13 17:07

javaCity


People also ask

How do I export Safari network logs?

In the Web Inspector, on the Network tab, right-click on any line and select Export HAR or select the Export button from the upper right corner (Fig. 5). 1.7. Save the file to a location where you can easily access it.

What is timeline recording safari?

Timelines are a graphical representation of activity that occurs during the lifetime of the open page. Timelines show network requests, CSS rendering, and JavaScript events. All timelines record simultaneously. You can start recording timelines two ways: Clicking the Start Recording button.

Does Safari have an inspector?

Safari includes Web Inspector, a powerful tool that makes it easy to modify, debug, and optimize websites for peak performance and compatibility on both platforms. And with Responsive Design Mode, you can preview your web pages in various screen sizes, orientations, and resolutions.


1 Answers

Safari's Web inspector does use the WebKit remote debugging protocol. However, Safari does not use TCP/HTTP as a transport layer, thus making it incompatible with Chrome. source

Thankfully, someone from Google wrote a proxy allowing to overcome this limitation.

like image 115
Konrad Dzwinel Avatar answered Oct 19 '22 07:10

Konrad Dzwinel