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.

Similar Messages

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.

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

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

Web Inspector shows nothing?

This is weird. Web Inspector is on and open, but nothing comes up when you select a chunk:
I'm running 10.6.8, Safari 5.0.5
Things that have failed so far:
I've reset Safari.
I've reinstalled Safari.
I've done a Disk Utility fix of permissions.
I've even reinstalled 10.5.8.
Aaaannd - nuthin'.
Weird, huh? Anyone have a clue whats up here?

Ah, yes - Elements was selected.To make things more interesting, none of the panels work. I've made sure Resources, Scripts and Profiles are set to Always Enabled and there are no readings in any of the panels.
More interesting yet, I've a few accounts on the Mac. None of them (even the seperate Admin account) can use the Inspector.
Carolyn Samit wrote:
Hard to see... do you have Elements selected?
Try this thread. https://discussions.apple.com/thread/3144871?tstart=0
That link loops back to this page - was there another page

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

I have problem with safari web content show up that not responding

Hi apple support and other member
My name is Oliver ..I using MacBook Pro (15-inch, Mid 2012) | Processor 2.6 GHz Intel Core i7 | 8 GB 1600 MHz DDR3 | and update to OS X yosemite version 10.10.2
I have a problem with my safari it show up that web content is not responding..What should i do because it happen all most every time in open up safari ? Pls help and give a advice ?
Thank you
Oliver Chu

Hello, Oliver Chu.
Thank you for visiting Apple Support Communities.
I understand that you are experiencing an issue with the performance of Safari. I would start with clearing Safari History and Website Data. If the issue persists, you may need to take a look at the troubleshooting steps in the second article.
Reset Safari
Unsupported third-party add-ons may cause Safari to unexpectedly quit or have performance issues
Cheers,
Jason H.

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

Web pages showing up as strange gibberish/code

Some web pages are showing up as "coded" or complete gibberish on our MacBook Pro...
So for today's featured Wiki page, it shows up as "Parapsychology is the study af boromarnal evemts imcludimg...(continuing this way on the whole page and all others on Wiki)" But when cut and pasted it says: "Parapsychology is the study of paranormal events including..." This doesn't just happen on Wiki, but that's the one we obviously notice the most.
Only happens on the MacBook Pro, NOT on the iBook. Everything's equally updated on both and Firefox versions are exactly the same. Any ideas on this one? Appreciate any insight you can give.

A problem with text encoding settings in Safari, perhaps, Padi?
Under "Text Encoding" in the view menu try selecting something like "Western Iso Latin 1" and see if the problem persists.
(Edit - Whoops - I see you are using Firefox, so the encodings will be under "View/Character Encodings...")
Cheers
Rod
Message was edited by: Rod Hagen

ItemRenderer doesn't show color bg. [see code]

Hello,
I've been trying to get an itemRenderer within a <skinnableDataContainer> to have color in it's background. The itemRenderer is a pair of labels that repeats over a set of records (retreived remotely) in the dataContainer. I'm using a tileLayout with 7 columns so all the data (each itemRenderer) appears tiled. Everything works fine except the itemRenderer will not show background colors for the normal and hovered states (it defaults to white). Basically I want each repeating itemRenderer object within the container to have a background color.
Application:
<s:SkinnableDataContainer itemRenderer="components.tagoutInfo"
     creationComplete="list_creationCompleteHandler(event)"
     id="skinnableDataContainer"
     dataProvider="{getAlluserTableResult.lastResult}">
     <s:layout>
          <s:TileLayout requestedColumnCount="7"
               orientation="rows"
               horizontalGap="1"/>
     </s:layout>
</s:SkinnableDataContainer>
itemRenderer:
<s:ItemRenderer name="tagoutInfo"
     xmlns:fx="http://ns.adobe.com/mxml/2009"
     xmlns:s="library://ns.adobe.com/flex/spark"
     xmlns:mx="library://ns.adobe.com/flex/mx"
     autoDrawBackground="false" fontSize="10">
     <s:layout>
          <s:VerticalLayout horizontalAlign="center" paddingBottom="4"/>
     </s:layout>
     <s:states>
          <s:State name="normal"/>
          <s:State name="hovered"/>
     </s:states>
     <s:Rect id="myRect"
          left="0" right="0" top="0" bottom="0"
          alpha="1.0">
          <s:stroke>
               <s:SolidColorStroke color="black"
                    weight="1"/>
          </s:stroke>
          <s:fill>
               <s:SolidColor color.normal="red" color.hovered="green"/>
          </s:fill>
     </s:Rect>
     <s:Label text="{data.firstName + ' ' + data.lastName}"/>
     <s:Label text="{data.reasonOut + ' ' + data.timeBack}"/>
</s:ItemRenderer>

Hi,
It looks like what's happening is that your background Rect is being laid out vertically with the labels. You'll want to put the labels into a separate Group that has the defined vertical layout. This way, the Rect will be drawn behind the group of labels. Let me know if you have any more trouble.
Thanks,
-Kevin

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.

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

Similar Messages

Maybe you are looking for