web-inspector

问题 When I debug a Cordova app what I constantly do is step through its code inside Chrome's WebInspector. In order to be able to do this, however, I have to wait for the device to become ready in chrome://inspect/#devices (only then can I click on the appearing link for the started app). But if I do this the inspector will not halt on breakpoints if I am not quick enough. How do experienced Cordova developer tackle this issue? 回答1: Additionally to frank's comment I just found GapDebug which

问题 Is there a way to determine a line and filename from which XHR was issued in Firebug or Web Inspector (maybe Opera Dragonfly/IE Developers Toolbar)? If there isn't, what is the best way to find that out? Just searching the codebase for the URI called? (often it will be constructed, though) 回答1: In Developer Tools(chrome) you can set breakpoints for any XHR from the Script tab. Script Tab XHR Breakpoints(on right hand side) Click the + and press return A new item will be added saying "Any XHR"

问题 new iOS 6 feature is, that you can debug html and javascript running on device or simulator in desktop safari. I suppose, that this feature is based on Webkit Remote Debugging Protocol. How can I connect to webkit running on iPhone without desktop Safari? I can do this for mobile Chrome running on Android using websockets, but how can I do that for iOS devices? 回答1: The ios-webkit-debug-proxy project (from Google!) does this. 回答2: You want to look at this code https://github.com/leftlogic

问题 I am trying to use C# and Chrome Web Inspector to login on http://www.morningstar.com and retrieve some information on the page http://financials.morningstar.com/income-statement/is.html?t=BTDPF&region=usa&culture=en-US. I do not quite understand what is the mental process one must use to interpret the information from Web Inspector to simulate a login and simulate keeping the session and navigating to the next page to collect information. Can someone explain or point me to a resource ? For

问题 Here is the code snippet that facilitates the INSPECT ELEMENT in WkWebView preferences.setValue(true, forKey:"developerExtrasEnabled") Here is the screenshot of INSPECT ELEMENT working in OSX(right click) Right click is equivalent to Tap & Hold in iOS But I am not able to see anything like I see in OSX Here is the complete code if anybody wants to try 回答1: Its not possible to do in iOS as WKPreference is not key value coding-compliant for the key developerExtrasEnabled so we can't do this

问题 I always want to know how the resource inspection work in webkit/safari/chrome's WebInspector work. The browser must provide a native BPI or something for javascript to display list of queries and their timelines, what is the binary API called? Can I use the same API to write a Chromium extension? 回答1: The resource requests and other DevTools/WebInspector related data is collecting by InspectorController and it's agents. (it just C++ code) After that all the data is pushing into WebInspector

问题 I always want to know how the resource inspection work in webkit/safari/chrome's WebInspector work. The browser must provide a native BPI or something for javascript to display list of queries and their timelines, what is the binary API called? Can I use the same API to write a Chromium extension? 回答1: The resource requests and other DevTools/WebInspector related data is collecting by InspectorController and it's agents. (it just C++ code) After that all the data is pushing into WebInspector

问题 I've grown tired of the multitude of issues I seem to hit on a daily basis with Firefox and I'm trying once again to switch to Chrome. One of the things that frustrates me is the layout of the tabs in the inspector. In firebug they are all along the top so if I want the metrics of an item it's incredibly simple. In Chrome I'm forever scrolling up and down. Is there anyway to change the way this works? All I want to do is change the layout to something a little similar to Firebug. Cheers! 回答1:

问题 I just watched the Google I/O session Jank Busters: Building Performant Web Apps where the speakers explained how to use the new "Frames" view in the Chrome web inspector Timeline. Here's an example recording that I got when scrolling on a page I'm developing: As you can see, there are huge delays in some of the frames but without any apparent cause in the timeline (there are large gaps in between the yellow "Timer Fired" events). How can I troubleshoot the performance problems in order to

问题 I know about Workspaces recently introduced in DevTools but that is not that i need. For example: page uses jquery that is loaded from CDN, i modify jquery library code, press ctrl-s, reload page -> modifications are lost. Or i want to debug some site i don't have an ability to change files of. I don't want only save changes as in save CSS - while browsing, how can I save the css files from inside chrome dev or firebug to local directory, i want them to persist between page reloads. 回答1: You