Safari 6.0 Web Inspector CSS line number

Please add the line number of the class or id on the css web inspector.
The old version has the line number in front of the class
The new one doesnt, to see it you need too put the cursor on the little arrow and shows the path on a tooltip. Please change this like the other version.

Just for giggles, I ran the same benchmarks on my Macbook Air, 1.8GHz i5, 4Gb RAM, 10.8.3, non-retina:
Safari 6.0.3
Firefox 19
Chrome 25
SunSpider
192ms
243ms
210ms
HTML5Test
378
393
463
Peacekeeper
3238 (3/7)
2052 (5/7)
3900 (6/7)
Memory Usage
482Mb
311Mb
373Mb

Similar Messages

  • 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 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: WebKit Web Inspector Annihilated

    Anyone have this problem and, hopefully, solved it?
    When I use the WebKit Web Inspector, it doesn't show anything but what you see on the screenshot below. If you look closely, the top bar of the inspector that should show selections such as: ELEMENTS, RESOURCES, NETWORK, etc... doesn't show any of that, instead it clips part of the website and keeps that clip static. As you can see in the image, parts of the screen on the Macbook Pro graphic has been sliced and kept statically at the bottom, it never moves or disappears.
    On top of that, nothing ever loads in the inspector except the options at the bottom which also does nothing. I can't even pop the inspector out of the window, clicking on that option does nothing.
    I can't use the new inspector as that also has issues. On the old inspector, the NETWORK option was useful for troubleshooting AJAX web applications; on the new one, data returned from an XMLhttprequest no longer shows in it's own section, instead it's just bundled with other random bits of data that has loaded previously and it it doesn't seperate them out by the order in which requests came in, instead it tries to put them in alpha order which is a bad thing, because there is no way of telling what request came in and when.
    I kept the old copy of Safari incase S6 would break something, and it did, but when I try to run Safari 5, it just crashes. I want to downgrade Safari back to the previous version, but I haven't a clue how.
    I had to switch to Chrome to continue with web development, but I would like to work in Safari. Any ideas?
    Reinstalling the entire OS for this one issue is not an option and never should be.

    @CodeLickerI already addressed the new Inspector which I said is also an issue. There's a whole paragraph for it even.
    @rynkydynkyThanks, but I ended up switching to Chrome and I am actually liking it better than Safari, plus it has a working Web Inspector and tabs that don't stretch into infinity on a 27" iMac.

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

  • How do you save css rules created in web inspector?

    Being a web developer, I usually use Firebug on Firefox to test CSS when I'm developing a website. Ever since I got my new iMac, I've really grown to love Safari. I like the Web Inspector but I cannot seem to find a way to copy any of the CSS rules I create for testing. Is there an effective way to create CSS rules and copy the whole CSS rule (property + declarations) so I can paste them somewhere else?

    You can import and replace any styles you want from other documents, but templates are templates. That is what they are for.
    Styles are document specific for a reason. Imagine the fun and games if the styles in one document changed the behavior of same name style in other unopened documents. You would be chasing your tail forever.
    Someone would send you a file and it would inexplicably change layout and appearance just because your styles didn't match.
    Peter

  • Developer: web inspector how do I add new css rules

    I have been using web inspector for quite some time. It was a regular part of my development workflow, however, I was surprised when the safari team totally re-vamped the tool in safari 6.
    You use to be able to click on the menu in the styling section of the tool bar and click "Add new rule". Now it appears you can no longer add css rules in this way. Which is a bummer because I used this feature all the time.
    You also, use to be able to double click for a new rule when in the actual stylesheet under the Resources tab. I can no longer do this either. For the life of me, I can't figure out why the safari team would get rid of these valuable options.
    Someone please help.
    These options must still exist, as they are invaluable when working with css in the browser. Does anyone know how to add a new style rule. I read the documentation and I don't see anything about removing this functionality.
    The only way I can find to add a new rule, is through the snippet bar, which is kind of a pain as you have to add the <style> tags every time you add a new rule.
    Also, I can't figure out how to view and elements pseudo classes (i.e. :hover , :checked, etc).
    I have to say, it is a little frustrating as I don't clearly see the benefits of their redesign and it just seems harder to use. It kind of feels like they reskinned and rearranged things just to make it look new and didn't really think through how developers use this tool.
    Does anyone else feel this way with the new safari?
    Maybe I will see the light after a couple of days. I hope so because I am partial to using safari.

    Build your FGLayout prototype page so it works well in all screen sizes (mobile first, then tablet, finally desktop).    To create your home page, SaveAs index.html.   Then SaveAs page2.html, replace content.  Repeat for other site pages.
    Nancy O.

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

  • Web inspector inline CSS edit

    Supposedly in Safari 3.1 the web inspector is meant to allow inline editing of CSS attributes. I can't seem to make this work at all. Is this feature absent or have I missed how to initiate it? I figured I could just double-click on an attribute in the inspector panel and it would be editable (like in Firebug). Has anyone had this problem?

    Safari 3.1 was released today.
    Along with it came several updates and improvements, one of them being CSS editing in the Web Inspector.
    At least, in theory. In practice, we're not sure how to get it working.

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

  • Safari 7 web inspector crippled

    I use the web inspector to make a lot of "on the fly" css tweaks which I then add to custom css files on wordpress blogs.  The latest version of safari still allows me to do it BUT I can only select the rules OR the selectors when I want to copy what I have done.  It refuses to let me select the entire block (rules and selectors) thus making me to two copy/paste operations when before I only needed to do it once.
    Any ideas how to get around this?

    Bump. I updated to Mavericks a couple of weeks ago and have just slammed into this issue. The only "workaround" I've found is to click the link for the stylesheet that you've just modified and copy the code from that, but that's an extra step that I shouldn't have to perform when text is right there in front of me.
    On top of that, I don't seem to be able to even add an attribute to an existing class anymore - hitting Tab, which used to let you quickly start a new attribute in the rule that you're editing, literally inserts a tab into whatever you're typing. Absurd! There are no tabs in CSS other than for visual organization that's irrelevant in this context. Why would the Inspector allow you to type actual tabs here?!
    But what, there's more! While I love the new "+ New Rule" button, even here I'm not able to add attributes - unless I'm missing something, I would love to learn that I am - to the new rule. So if this new rule has six attributes, then it displays in the Inspector as six new rules, each with the same name. Absurd x2.
    I really do like some of the changes to the Safari 7 Inspector, but I would gladly give them up in order to eliminate these infuriating UI obstacles. It's not worth it, and it's slowing me WAY the **** down. I've been one of the few Safari-centric web devs out there for many years, but if this doesn't get fixed then I'm going to have to finally make the migration to Chrome, and I won't be coming back if I do so.
    Bonus gripe: The two irritations above combine to form one "super irritation"! After you've created a temporary rule to your liking, you can't select it. Period. All you can do is select/copy either the rule's class/ID or its attributes, not both. Brilliant.

  • Trouble Downloading MP4 from Web Inspector in Safari

    Hello,
    I have searched the web for an answer to this question but haven't had any luck.
    I am using Safari 6.0.4 and am familiar with how to download ebmedded videos from websites using the web inspector (i.e. opening the inpector, refreshing the page, opening the Other folder, locating the video in the left panel and double cliking it). I never have any troubles doing this, except for when the file is an mp4.
    When the file is an mp4, instead of downloading the video to my downloads folder, the video is launched in a new tab. In previous versions of Safari this would not be an issue, because I could simply drag the little blue dot in the address bar to the Show Downloads section and the video would start downloading. But unfortunately this function no longer works. I have tried any number of button presses and mouse clicks, but the only thing I can achieve is the video opening in a new tab where it cannot be downloaded from. The closest I can get is dragging the little blue dot into iTunes, but that only serves as a gateway to the online file.
    Does anybody have any ideas of how to get past this?
    Thanks in advance, and thanks for all of the great help this website has provided over the years.

    Paste the MP4's address into the address bar and press the Option and Enter keys.
    (81643)

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

  • Trying to activate the Web Inspector in Safari on my iPad

    When I turn the Web Inspector "on" (Settings->Safari->Advanced->Web Inspector "switch" to "on" state), it tells me the following (under the Web Inspector option):
    "To use Web Inspector, connect to Safari on your computer using a cable and access your iPad from the Develop menu."
    I am connected using a 30pin to USB cable (that came with my iPad, that I use to sync using iTunes).  I have the Develop menu in Safari on my computer (enabled it long ago).  So, how do I "access [my] iPad from the Develop menu" (presumably from Safari on my computer)?
    I don't see anything that looks like some "connect to iPad", or some such, within the Develop menu in Safari on my computer.
    Thanks in advance.
    David

    What generation iPad?
    What is the iOS version?
    You need to be signed into iCloud with the same Apple ID on both devices:
    Mac: System Preferences > iCloud
    iOS: Setting > iCloud
    and make sure sync for Safari is turned on:
    Mac: System Preferences > iCloud > check the Safari box
    iOS: Setting > iCloud > turn Safari on

Maybe you are looking for