PHP Developers Network

A community of PHP developers offering assistance, advice, discussion, and friendship.
 
Loading
It is currently Tue Oct 24, 2017 2:48 am

All times are UTC - 5 hours




Post new topic Reply to topic  [ 6 posts ] 
Author Message
PostPosted: Fri Oct 06, 2017 4:13 am 
Offline
DevNet Master

Joined: Wed Oct 08, 2008 3:39 pm
Posts: 4349
Location: United Kingdom
I have used Firefox's Developer Toolbar for a long time. I find it's Edit CSS panel brilliant. Alter and it alters live/demo. Then copy paste the CSS into the live environment.

I have found lately that Firefox is using an obscene amount of memory. I had three or four tabs open and it was 1.3gb of memory. Crazy, and I don't have many plugins/extensions either.

So I started using Chrome more, gradually remembering passwords etc, and it uses way way less memory. Right now I have six tabs open, three are Wordpress Themed admin areas, and it's only 170mb in Task Manager.

But how do I use the Dev Tools in Chrome to edit the css and see it tweaking the page? A bit of advice would be great.

_________________
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.


Top
 Profile  
 
PostPosted: Fri Oct 06, 2017 4:36 am 
Offline
Spammer :|
User avatar

Joined: Wed Oct 15, 2008 2:35 am
Posts: 6573
Location: WA, USA
Right-click something and Inspect. Or hit F12 and go to the Elements tab. You can navigate through the HTML and on the side is the active CSS rules you can add to, edit, or disable/remove.


Top
 Profile  
 
PostPosted: Fri Oct 06, 2017 4:57 am 
Offline
DevNet Master

Joined: Wed Oct 08, 2008 3:39 pm
Posts: 4349
Location: United Kingdom
Mmm yes I can see it can do that. But is there no way of seeing the WHOLE CSS and editing it there, like you do with FF's web developer?
Then you can copy the whole CSS and update it on a CSS file if you want.

_________________
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.


Top
 Profile  
 
PostPosted: Fri Oct 06, 2017 7:02 am 
Offline
Spammer :|
User avatar

Joined: Wed Oct 15, 2008 2:35 am
Posts: 6573
Location: WA, USA
What "whole" CSS? There can be multiple files, inline styles, native styles... The entire CSS ruleset would be ridiculous.

If you want to see the contents of individual CSS files then use the Sources tab, or click the filename "links" by the CSS rules in the Elements tab.


Top
 Profile  
 
PostPosted: Sun Oct 08, 2017 11:36 am 
Offline
Site Administrator
User avatar

Joined: Wed Aug 25, 2004 7:54 pm
Posts: 13434
Location: New York, NY, US
When you right-click and inspect an element, you see the entire cascade of styles. There are tabs that show the final computed values, etc. It is similar to Firefox, just orgainzed a little differently.

I do find the lack of the Style Editor and not being able to easily seeing all sources to be negatives for Chrome -- but it is very workable.

PS - what does it matter if Firefox uses 1.3gb of memory? How much memory do you have?

_________________
(#10850)


Top
 Profile  
 
PostPosted: Mon Oct 09, 2017 2:52 am 
Offline
DevNet Master

Joined: Wed Oct 08, 2008 3:39 pm
Posts: 4349
Location: United Kingdom
It's good that it can tell you what style is being used when you click on an element (saves hunting it out), but also if you want to then replace that code, in Firefox I highlight that code and paste it into the old CSS. AS you say, it is organised a bit differently.

For some reason, even tho I have 16gb of ram, I find that Firefox gets so damn slow compared with Chrome, and when I look, Chrome is on 165mb, and FF is on 1.3gb.

_________________
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 6 posts ] 

All times are UTC - 5 hours


Who is online

Users browsing this forum: No registered users and 2 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group