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.

Similar Messages

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.

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 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.

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/

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 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

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.

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

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: Webkit Web Inspector doesn't work

I updated Safari to 6 on Lion.
After that, I experiences some crash, then Webkit Web Inspector got broken.
I can do nothing with it.
The new Safari original inspector works.
Also, Delete key doesn't make "Back". Is it normal?
Anyone knows how to fix or repair Safari?
I did try "Reset Safari" but it didn't help. Disabling extension and plugins also didn't help.
Macbook late 2009
Max OS X 10.7.4
Safari 6

frevh56tyrn wrote:
Agreed 1000%. Some may say that it's just a matter of getting used to the new inspector UI. However, after having used it constantly for several weeks, I can definitively say that the new UI really is, plainly and simply, bad. It's bad for productivity as far as finding what you need. And it's slower by a large margin when viewing page source info, et al. I can no longer easily find out where a particular CSS property was set. I can no longer disable or override a particular CSS property. The console log isn't always consistent: sometimes it defaults to showing me past logs when I just want to see the current log. The network request timeline is not as useful (I want to see cumulative load time for each resource). The "Issues" section confounds me; I have no idea how to use it so it just gets in the way and makes me think that the developer tools are half-baked. "View Source" no longer shows the raw HTML source but rather Safari's syntax-highlighted version. Often I really do just want to see the raw source. And it's been a pain in the butt trying to memorize what each icon means (this is called "mystery meat navigation" where you see only icons without supplemental text). The only thing I'm happy to see is the new console log history. Everything else is an absolute horror to work with. Did Apple create this new Inspector primarily to help its own, internal developers while not thinking about the majority? For me, the new implementation is nearly useless to work with; I'm probably going to start using Chrome exclusively for web development.
Apple, if you're listening, this is the sound of your developers fleeing the platform. This is not hyperbole, this is reality -- Safari is no longer useful to develop for the open-standard web that you've pushed so very hard for.

Safari 6: What happened to "Activity" view? Also Web Inspector Network view doesn't work.

Hi all,
I "upgraded" to Safari 6 and while it's super-fast and snappy as ****, I'm missing two features:
1) Activity view is gone! It was the easiest way to see what kind of crap websites are loading and you could double click on files and view them. Now that's gone.
2) I then tried using Web Inspector to try to track down a FLV file that was being loaded (something that worked with old Safari) and I couldn't do it anymore... Flash loading is not visible in Safari 6 and yet it was in previous Safari.
Ugh... new Safari is a great but they took two of my favorite options
Is there something I'm missing or are these features really gone?

Ugh... new Safari is a great but they took two of my favorite options
Send feedback > Apple - Safari - Feedback
If you have the ClickToFlash extension installed, that can prevent Flash based video from streaming. It can also be installed as a plugin in /Library/Internet-Plug-Ins.
Check to see if Safari is running in 32 bit mode. Right or control click the Safari icon in your Applications folder then click Get Info. If the box next to: Open in 32 bit mode is selected, deselect, quit then relaunch Safari.
And try uninstalling the currently installed Flash plugin then reinstall new > Troubleshoot Flash Player | Mac OS
Open System Preferences > Flash Player then select the Storage tab. Click: Delete All

Safari Web Inspector Syntax Colors

Similar Messages

Maybe you are looking for