Safari Web Inspector console clears on refresh

Sometimes the console on Safari's Web Inspector doesn't show me javascript errors. This makes debugging a page harder (e.g., I think a page is free of JS errors, when really Safari just isn't showing them to me).
This is how I expect it to work: I load a page and open the Web Inspector. It shows me any JS errors. If I reload the page, the Inspector also reloads and shows me the JS errors. Often it does work this way.
Sometimes, though, one some pages, when I reload the page, the Inspector clears and reloads like above, but the JS errors don't show up in the console (I do get a red indicator next to the JS file with the number of errors). If I close the inspector and reopen it, the errors then show up.
I have tried restarting Safari, restarting my computer, and reinstalling Safari. This is Safari Version 3.2.1 (5525.27.1).

I am using jQuery and calling my javascript using $(document).ready(). When, on the same page, I call my JS using window.onload, the errors show up like I would expect. I hope I have got something else wrong, because this would seem to discourage writing unobtrusive javascript.

Similar Messages

Can I tell Safari Web Inspector Console to clear on page reload?

Is there any way to get rid of or at leas hide the previous console output when I reload the page?
Currently Safari just puts a very faint dotted line between the various reloads' output, and it's occasionaly hard to tell if I've fixed the probem or not.
Safari Version 7.0 (9537.71)

e.g. here is the difference between "You still have an error to fix"
and "You just fixed that error"
blown up 2x, so it is a little easier to notice the difference than in practice
There is a tiny trashcan icon to clear the console, but it is very tiny and occasionally isn't even there, I have to click away from the console and click back to see it.
Message was edited by: dwightk

Safari Web Inspector on Mavericks

Dear Apple communities
I've had a problem with Safari Web Inspector since version 10.9.0 and now upgraded into 10.9.1 but the problem still persists
the Web Inspector always freezing, can't scroll the inspector window, and the Inspector window sometimes greyed out (screenshot added)
how to fix this problem ?
any helps are appreciated
thank you
screenshot

I am using jQuery and calling my javascript using $(document).ready(). When, on the same page, I call my JS using window.onload, the errors show up like I would expect. I hope I have got something else wrong, because this would seem to discourage writing unobtrusive javascript.

Safari Web Inspector Syntax Colors

Does anyone out there have the syntax color palate that the Safari Web Inspector uses? I know it's neurotic but I'm wanting to setup my BBEdit code colors the same and zooming in or taking screen shots into Photoshop produces pretty sad results as do Google searches. Again, I know it's OCD but I'm a developer, right? Thanks in advance.

https://bugs.webkit.org/show_bug.cgi?id=13516
It's not a high priority bug however, so don't get your hopes up
Make sure to send your feedback as well.

Safari web inspector -- show colors as hex-value codes?

Is it possible to set the Safari web inspector so that it shows color codes as hex values (e.g., #e5e5e5) instead of rgb values (229,229,229)? I haven't found anything in the menus, but perhaps there's a variable somewhere that can be set through the command line?

https://bugs.webkit.org/show_bug.cgi?id=13516
It's not a high priority bug however, so don't get your hopes up
Make sure to send your feedback as well.

New safari web inspector terrible and unresponsive...

Has anyone else noticed how bad the new web inspector is for Safari. Before they changed it, it worked exactly like Google Chromes tools. But of course they have tried to make it more feature rich and have ruined it as a result.
Is there any way of reverting it or will Apple developers listen up? As a designer/developer I dont wish to have to do all my styling changes and testing in Chrome or set Chrome as my default browser. But something tells me I might have to Safari's tools don't improve.
First off, you can inspect an item, but when you continue to look at other items on the page or refresh the page and re-check elements the html code view either switches to DOM mode or just shows blank, therefore leaving nothing to click on and inspect.
Secondly, it doesnt remember the display settings I wish to use from a previous session. So I have to close the extra navigation inspector and then select styling from the right hand inspector window. Its driving me mad.
Maybe there is a firebug extension I can add in and use instead. Apple get a grip, this is a terrible inspector... on par with the more recent changes to Firefox's inspector.

Where to send product feedback to Apple:
http://www.apple.com/feedback/

Safari web inspector disappeared

Hi to everyone,
I've a Macbok pro 15" buyed in september 2011; few days ago, Safari's web inspector has disappeared. Today I've updated the software to version 5.17 and web inspector is already not present. What happens? I've uninstalled Garageband recently and I use Clean My Mac to clear os cache and other useless stuff (I've been using it from a long time ago and nothing like this has ever happened).
Thanks in advance to all.
Marco

Solved! I've just buyed a new mac book pro and I did not remember that web developement tool is not enable by default. Bye

Viewing POST data in Safari web inspector

Is this the place to ask questions about the web inspector? Ive had a look around but can't find a developer forum..
Anyhow, the Firebug extension for Firefox usefully shows the POST data (and other parameters) when I'm debugging my scripts.. (see image) - Its shows me all the info I need - headers, post, response and html
Where can I see this information in webkit's web inspector?
Thanks

I can't believe this passed QA. It can't be intentional. The absense of the ability to view POST traffic renders the whole network utility next to useless. I've had to resolve to using Chrome for my POST peaking needs. This needs to be voiced, people. Please let Apple know what you think about this amputation stunt: http://www.apple.com/feedback/safari.html

Safari Web Inspector - add class to dom element

I just noticed in the Safari inspector that when I double-click the class of a DOM element and add an additional and already-existing class, the existing rule does not apply. And of course, refreshing wipes all changes. Is there anything I am missing, that allows you to refresh the styles without doing a page reload?
I work in an enterprise environment where changes must be committed to SVN, then checked out on a QA box, and finally compiled into the Java app before I can see changes. Therefore, it is vital that I am able to make changes in the inspector for a visual check before going through the 10-12 minute process of updating a css rule or adding a class to an element.
And for those who offer the advice of using Chrome, I generally do. But the Safari inspector is necessary for developing for Safari in IOS.
Thank you for any help.

Since this is the community for troubleshooting Safari for OS X, post your topic in the > Developer Forums: Apple Support Communities instead.

Why the Safari web inspector shows it takes 16229 days to load some resources?

As chrome shows everything right, safari always show some resources take 16229.0 days to download, and the resource is actually downloaded in a few ms.
It happens to every sites(I guess) and every resources randomly.
All extension is disabled and I just reset safari, but nothing changes.

Safari also takes a long time(more than 10s) to load a page sometimes while Chrome just load it instantly. I think this happens when it shows to take 16229 days to load resources

In web inspector, CSS right tab doesn't show line numbers anymore ?

I can't see the number lines of the CSS stylesheet anymore using the line inspector.
Anyone knows how to put in back ?

Apple has made it so you can only use Safari Web Inspector.
File feedback as to how it has limited you.
The information you are looking for (if I remember correctly). is hidden. you need to hover your cursor over where the information usually is and there should be an icon of a circle with an arrow in it... if you hover over that, it'll show you the content you are looking for.
Having said that Apple is always making changes so if you were to file feedback on why this does not work for you, Apple may change it to work better for debugging websites.
http://www.apple.com/feedback/macosx.html
I already filed feedback about this. I state that when I inspect and element I want to be able to see the CSS file and line row it starts at without having to hover my cursor over an icon to reveal it.
I hope this helps.

Web Inspector

Does anyone know how to access the Safari App on the computer to use Web Inspector?

Yes there is, but it does not work standalone. You must tether (with a physical cable) the iPad to a computer running Safari.
http://www.pixelparlour.co.uk/2013/01/mobile-safari-web-inspector/

Web inspector keyboard shortcuts

Hi all, I really like the Safari web inspector but I can't seem to find keyboard shortcuts for the main things I need it for.
• Inspect element
• Then, once you have inspected an element and you want to inspect another you need to click on the little magnifying glass
Maybe I could create these in system preferences or something? I'm sure I did something along those lines before...
Any thoughts will be welcome!
Thanks

HI,
I use right or control click. I've yet to find a keyboard shortcut.
Try Google....
Carolyn

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?

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:
http://developer.apple.com/library/safari/#documentation/appleapplications/Conce ptual/Safari_Developer_Guide/DebuggingYourWebsite/DebuggingYourWebsite.html
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.

Sticking Safari cookies but they are not there in Web Inspector

Hi,
Now I’ve got the Safari 5.1.10 update (OS X 10.6.8) and still have the same problem as with several versions before, I think it’s even worse now:
When surfing I’m used to “Safari / Reset Safari…” (with all options set to delete but website icons) to start from scratch from time to time.
This will delete cookies and local cache, too, although it’s not clearly mentioned (?).
My start page is google.co.uk and checking with the “Privacy” tab I usually see three items from Google.
I think that would be OK.
But:
a) Sometimes there are still cookies / cache from sites that I have visited before,
and
b) Sometimes even after Privacy / “Remove All”
(Cookies.plist is empty and Safari/LocalStorage folder is deleted now)
and another Safari “Reset” some will return (e.g wikipedia.org, Local Storage, but also cookies from news or amazon or local storage use by apple.com).
When I check using the Web Inspector / Resources there are no such elements to find, only from Google - but the “Preferences / Privacy” tab seems to know about them and they are back in Cookies.plist and Safari / LocalStorage ???
c) Sometimes (I know, that’s bad), even when I reset + close Safari, open an other application, start Safari again - bang, several items (often more than before) are listed there but only Google is to be seen in the Web Inspector (screenshot 1).
d) After closing the Web Inspector and “Remove All” I start the Web Inspector again, just to see e.g. a “cookie folder” from Google but it’s stating “This site has no cookies” (screenshot 2), and there are none in Safari. How would the Web Inspector know about google cookies (or local storage), only to show an empty “folder”?
I really love Safari, I’d simply like to “flush” it from time to time when surfing.
1) Is it my misunderstanding of Safari cookies / cache? Or the Web Inspector’s display?
2) Why only “sometimes” (this point is most annoying)?
3) How could I dig deeper (but I’m not a techie ! ), or
4) Is this a known bug since years (Safari and / or Web Inspector), I didn’t find a similar topic here in the forums?
Thank you for reading this lengthy and probably confusing stuff,
Sancho

@Carolyn:
Yes, I did search before but restricted it to the past month, because I had the feeling that it’s worse now since the update to 5.1.10, but I may be wrong.
It seems this is an old and unsolved common problem.
@andy:
“Top Sites” is hot, but I’ve never used that funny dots without any mouse-over text.
After deleting (before starting Safari) it’s restored by a default TopSites.plist, it seems these cookies
- are only reloaded when viewing the Top Sites (?)
- are not among my reappearing cookies, I have never seen such a cookie / cache on my system before (e.g. expedia, orbitz, monster, usatoday, disney, craigslist).
And Top Sites would not explain why the Web Inspector has different infos regarding use of cookies and local storage than Safari’s “Privacy” tab.
After playing with deleting TopSites.plist, without surfing, suddenly I have ”121 cookies or other data” at Safari’s Privacy tab, nearly all are listed as “Cache” or “Cache, Cookies” but the Web Inspector doesn’t show any of them, only my google.co.uk items.
---> Thanks, I’ll send a feedback to Apple.

Safari Web Inspector console clears on refresh

Similar Messages

Maybe you are looking for