CSS element viewer for Safari

geokker · 01-04-2006, 04:55 AM

I really enjoy using Safari but I'm forced to have the RAM footprint of Firefox running for the brilliant web developer toolbar.

I mostly use the id & class viewer with the css editor allowing me to change the style of a well tagged site intuitively and live.

Is there anything like this for Safari? Just the element viewer would be useful.

gayle28607 · 01-14-2006, 06:01 PM

I wish I had an answer for you. I've spent quite a bit of time searching the web for an extension like this for Safari, but have had no luck. I will post back if I find anything. I'd love to hear from others if they know about this.

gayle28607 · 01-14-2006, 06:22 PM

This is the best I can offer right now:

http://www.macupdate.com/info.php/id/17672

Safari WebDevAdditions 1.0b18

geokker · 01-15-2006, 05:55 AM

Yeah, that's fairly useful in itself, but not enough to overturn firefox.

guardian34 · 01-17-2006, 07:42 AM

How about this: http://webkit.opendarwin.org/blog/?p=41

gayle28607 · 01-17-2006, 10:51 AM

This is amazing! One caveat; I couldn't get it from the link in the quote, but got it instead from http://nightly.webkit.org/builds/. Safari couldn't open the link below, but Firefox could.

Quote:

Originally Posted by guardian34


	How about this: http://webkit.opendarwin.org/blog/?p=41

A question, guardian 34: One of the nicest things about the Firefox web developer tool is that I could click on the particular coding related to the text I was trying to restyle, and Firefox would tell me exactly which stylesheet the the style was coming from, and it's location in my website. I don't see how to do this in the webkit nightly build [Version 2.0.3 (417.8] I downloaded.

That said, I really look forward to giving this a workout!

gayle28607 · 01-17-2006, 10:58 AM

I answered my own question

; click on "style" in the viewer, and it will tell you the style sheet being used, and its location. Guardian, this is amazing! Thank you so much. Safari is making a great stride with this.

mark hunte · 01-17-2006, 04:47 PM

Hi thats really great, But can some one tell me if this will interfere with My normal safari files et..

thanks

gayle28607 · 01-18-2006, 09:15 AM

Mark:

Quote:

Originally Posted by mark hunte


	Hi thats really great, But can some one tell me if this will interfere with My normal safari files et.. thanks

It hasn't caused a problem for me. But I now have two applications, one called "Safari" the other "Webkit". (This doesn't require renaming. When you download this nightly build of Safari, aka Webkit, just drag it to your applications folder. Webkit will pick up your bookmarks, but hasn't seemed to interfere in any way with the other app, Safari.)

Webkit doesn't seem to have the capacity to save passwords, or I would use it exclusively. I am currently using Webkit for development, and Safari for the bank, etc. I'm hoping there will be a new build soon that will save passwords/import passwords. Then it's perfect, as far as I'm concerned.

mark hunte · 01-18-2006, 10:25 AM

Thanks
gayle

enrique550 · 06-08-2006, 10:14 PM

I downloaded the latest WebKit but I dont see the css inspector in the context menu. What gives? Is there something I should do besides just running the app?

geokker · 06-09-2006, 05:55 AM

I've ditched Safari for Camino now. Damn Google Calendar!

01-04-2006, 04:55 AM	#1
geokker Triple-A Player Join Date: Aug 2005 Posts: 75	CSS element viewer for Safari I really enjoy using Safari but I'm forced to have the RAM footprint of Firefox running for the brilliant web developer toolbar. I mostly use the id & class viewer with the css editor allowing me to change the style of a well tagged site intuitively and live. Is there anything like this for Safari? Just the element viewer would be useful.

01-14-2006, 06:01 PM	#2
gayle28607 Prospect Join Date: Jul 2002 Posts: 45	I wish I had an answer for you. I've spent quite a bit of time searching the web for an extension like this for Safari, but have had no luck. I will post back if I find anything. I'd love to hear from others if they know about this. __________________ gayle28607 MacBook Pro 2.33 GHz Intel Core 2 Duo 160 GB HD, 3 GB SDRAM Leopard 10.5.6

01-14-2006, 06:22 PM	#3
gayle28607 Prospect Join Date: Jul 2002 Posts: 45	This is the best I can offer right now: http://www.macupdate.com/info.php/id/17672 Safari WebDevAdditions 1.0b18 __________________ gayle28607 MacBook Pro 2.33 GHz Intel Core 2 Duo 160 GB HD, 3 GB SDRAM Leopard 10.5.6

01-17-2006, 10:58 AM	#7
gayle28607 Prospect Join Date: Jul 2002 Posts: 45	I answered my own question ; click on "style" in the viewer, and it will tell you the style sheet being used, and its location. Guardian, this is amazing! Thank you so much. Safari is making a great stride with this. __________________ gayle28607 MacBook Pro 2.33 GHz Intel Core 2 Duo 160 GB HD, 3 GB SDRAM Leopard 10.5.6

Thread Tools
Show Printable Version Email this Page
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

01-15-2006, 05:55 AM	#4
geokker Triple-A Player Join Date: Aug 2005 Posts: 75	Yeah, that's fairly useful in itself, but not enough to overturn firefox.

01-17-2006, 07:42 AM	#5
guardian34 All Star Join Date: Jul 2004 Posts: 713	How about this: http://webkit.opendarwin.org/blog/?p=41

01-17-2006, 04:47 PM	#8
mark hunte MVP Join Date: Apr 2004 Location: Hello London Calling Posts: 1,787	Hi thats really great, But can some one tell me if this will interfere with My normal safari files et.. thanks

01-18-2006, 10:25 AM	#10
mark hunte MVP Join Date: Apr 2004 Location: Hello London Calling Posts: 1,787	Thanks gayle

06-08-2006, 10:14 PM	#11
enrique550 Registered User Join Date: Jun 2006 Posts: 1	I downloaded the latest WebKit but I dont see the css inspector in the context menu. What gives? Is there something I should do besides just running the app?

06-09-2006, 05:55 AM	#12
geokker Triple-A Player Join Date: Aug 2005 Posts: 75	I've ditched Safari for Camino now. Damn Google Calendar!