About this extension

Most web sites pages don't use the domain name as body class to distinguish from other web sites' pages. That makes web page appearance customization hard in some degree. The reason is that people have to distinguish web sites by specific configuration (by domain name, regex etc).

By adding domain name to body classList, the problem could be solved. Web/UI/UX developers can create customized styl, css scripts to re-design web page appearance easily - they can put all customization script together for different web sites and don't need to care about collision.

For example, after using the add-on, the web page will be changed to add domain name to body class attribute.
<body class="mozilla ">
<body class="apache">

Then, in styl or css script file, developer can make customization like below:
body.mozilla {font-size: 15px}
body.apache {font-size: 16px}

Developer comments

This is for developers working on web site appearance customization.
By adding domain name to body classList, it's easier to define styl, css scripts for specific web sites/pages belong to the same domain without worry about collision among different domains.

Rate your experience

Report this add-on

Release notes for 1.6

To support sub-domain like en.wikipedia.org, we need to use en_wikipedia as body class to distinguish other language version of wikipedia. Similar, google translate should have different body class from gmail.

Used by