Safari 6 web inspector woes
Is there any way to get the old web inspector back for the newest version of safari?
Also, I can't seem to refresh the page when web inspector is open, what the heck?
Mac OS X (10.7)
Is there any way to get the old web inspector back for the newest version of safari?
Also, I can't seem to refresh the page when web inspector is open, what the heck?
Mac OS X (10.7)
I can't find how to set breakpoints and debug in page javascript. The icons are confusing. You can switch to the webkit inspector, but it has all sorts of visual issues, and appears to be non-functional. Switching to Chrome for a while while Apple works on this.
Yeah the inspector is so borked compared to the old one. I found "use webkit web inspector" but the inspector comes up blank. How the **** did this get out of QA???
When using Safari 6's new Web Inspector, I notice it's hsl colors are off by a couple percent. So if I make a css color that is hsl 200 50 50, (blue, medium saturation, medium lightness), the inspector would say the color was really 197, not 200. (It's 200!)
So either all of safari is off or the inspector is... Chrome still reads it as 200.
I can't even see the option to use the webkit inspector, where is it? 🙂
It's almost like apple are trying to get developers to use other browsers, basically saying 'oh this isn't for you anymore, it's for facebook browsing, get lost'.
Control-click (or right-click) anything on a web page. "Inspect Element" is near the bottom of the dropdown. It'll open the inspector panel at the bottom of your window.
No no, I mean the old web inspector, that's what I want to use.
I know fine well how to use the new one!
Ooooh, you meant the non-apple-modified one:
http://trac.webkit.org/wiki/WebInspector
I think it's just in Chrome now... wierd that Apple wants to make it's own version...
I wish there were line numbers in the css panel... Safari 6's inspector wants me to click the tiny arrow to right of css style name which opens the css in center pane...THAT has line numbers, but of course the html in that pane is gone!
The option for the Webkit Inspector is under Develop/Use WebKit Web Inspector, but it doesn't work (all the text draws over itself and clicking on the buttons just makes them darker and darker, but doesn't do anything else) I am only on Lion, so maybe it works in Mountain Lion?
Eventually found the documentation at this link:
The documentation for debugging says "Select the script file in the resource panel and click in the line numbers to set a break point". This seems to work fine, but if I click on the root page in the resource panel there are no line numbers to click and nothing in the popups. Hmmmm.
The new console enhancements are cool though. Just finish the job and I'll be using it again.
Another annoyance -- inspecting css3 gradients, I can't get it to switch to hex colors. It toggles between rgb and hsl only, whereas, say, a text color, toggles between all color formats.
Not that the hex would be accurate here anyway!
I hate the new web inspector. It sometimes takes two clicks to bring up the console! Also, it somehow makes the web pages more sluggish or unresponsive.
I design iOS webapps, and sued to use Safari (which makes sense), until now. I'm using Chrome.
I switched to webkit nighly build (http://nightly.webkit.org), and the good old web inspectory is back!
It seems like javascript exection is paused by default when the web inspector is open. This is likely what is causing "can't seem to refresh the page when web inspector is open", javascript is just paused (at least I think that's my problem). I would love to know how to unpause it by default, run all, and otherwise get Safari 6 web inspector back to usable.
edit:
Always easy to fix after you've fixed it.
http://stackoverflow.com/questions/11743900/stop-safari-6-js-debugger-from-being -so-verbose
Wow, thanks for that!
I was in shock from the terrible/horrific Safari 6 web inspector but you saved me. I'll just use the webkit nightly from now on.
I do not like the new web inspector at all either.
If I install the webkit nightly build will it still retain all the new features of Safari 6 including the speed improvements?
Safari 6 web inspector woes