Try this: To go to left panel Ctrl + [ To go to right panel Ctrl + ] For other panel shorcuts, Go to Developer options/tools then Click on Settings or by pressing F1 Then go to “Shortcuts” and scroll down to “All Panels”
It appears to require Safari 6, which has not been released for Windows. Regarding the unavailability of Safari 6 on Windows, Apple has stated “Safari 6 is available for Mountain Lion and Lion. Safari 5 continues to be available for Windows.”
Well, this is 2016 and now you can have a column for protocols in your chrome devtools. All you have to do is: 1) open your networks tab in devtools and right click on any of column headers to open the “select columns” popup 2) select protocol (or any other desired column) for it to … Read more
You can also select any text node in the elements panel, then look at the bottom of the computed styles tab to see what fonts are rendered for that element
Web Inspector engineer here… This appears to be a bug in Web Inspector, and we are investigating the issue. Does it happen if you use a recent Safari Technology Preview to inspect your older iOS devices? In addition to asking on SO.. it is strongly recommended to report bugs pertaining to developer tools at https://feedbackassistant.apple.com/ … Read more
In short, snippets are a multi-line console, an iterative JS development workflow, and a persistent store for common debugging helpers. developers.google.com/chrome-developer-tools/docs/authoring-development-workflow#snippets Some of the use-cases Snippets can help with are: Bookmarklets – all of your bookmarklets could be stored as snippets, especially those you may wish to edit. Utilities – debugging helpers for interacting with … Read more
An update for iOS 9 (using OSX El Capitan): On your mobile device under Settings -> Safari -> Fraudulent Website Warning = OFF [default = ON] I also needed to re-connect the iPhone after changing this setting This solved it for me.
The iOS WebKit Debug Proxy project enables this. To get started, install with homebrew: brew install ios-webkit-debug-proxy Run the simulator (if running simulator): SIM_DIR=/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer “$SIM_DIR/Applications/iPhone Simulator.app/Contents/MacOS/iPhone Simulator” \ -SimulateApplication \ $SIM_DIR/SDKs/iPhoneSimulator6.1.sdk/Applications/MobileSafari.app/MobileSafari Run the proxy: ios_webkit_debug_proxy Check for errors Look on the device for an error message: Could not connect to lockdownd. Exiting.: No such file … Read more
This is the correct answer, not sure why Blaine only left it as a comment! As of iOS 6 Remote Debugging is available: https://stackoverflow.com/a/12762449/72428 On OS X you can use the Safari web inspector on the iOS Simulator AND iOS 6 devices. First enable the Developer menu in Safari on your Desktop. Next, enable remote … Read more
Now you can see both the pseudo-class style rules and force them on elements. To see the rules like :hover in the Styles pane click the small dotted box button in the top right. To force an element into :hover state, right click it. Alternatively, you can use Event Listener Breakpoints sidebar pane in the … Read more