Greasy Fork is available in English.

Stylus Auditor

Audit Stylus styles for the current page to list all applied styles, and list any CSS rules which have mismatched selectors or overridden styles. This script is designed to be used as a bookmarklet. To use this script, create a new bookmark with this URL (no quote): "javascript:ujs_stylusAuditor()", then use the bookmark on a website with UserStyle applied using Stylus.

< Commentaires sur Stylus Auditor

Question / commentaire

§
Posté le: 17/07/2019
Édité le: 18/07/2019

Stylus Auditor - Test on Chrome....

As you explain, I create a favorit with address: javascript:ujs_stylusAuditor()

But when using it, i don't show the Stylus audit ... I have not tested on Firefox.

jcunewsAuteur
§
Posté le: 18/07/2019

The script works on both Chrome and Firefox. It was tested with TamperMonkey, but there shouldn't be a problem with ViolentMonkey. I do not support the GreaseMonkey addon.

§
Posté le: 18/07/2019
Édité le: 18/07/2019

After restarting Chrome, Yes, it work now.

So , now in the rapport error, i can see a bunch of : /* selector mismatch */

/* overridden styles */

And i don't see in which style they are (name = n/a - no mention in rapport). Why these errors if in Stylus i can't see none (using StyleLint).

Tested for my flickr userstyles:

jcunewsAuteur
§
Posté le: 19/07/2019

Sorry, I forgot to mention in the script that Stylus doesn't provide a way to retrieve the name of the applied styles. The style ID is the only retrievable information. The script already include a workaround for this, but I simply forgot to mention this workaround.

The script has been updated to include a note in the auditor page to explain this matter as well as an instruction to manually name a UserStyle.

§
Posté le: 19/07/2019

Thanks for sharing

Poster une réponse

Connectez-vous pour poster une réponse.