I'm just tidying up my bookmarks and thought I'd share these which may be of use, feel free to add others you use
Visual Event - Highlight all events on a page
javascript:(function()%20{var%20protocol%20=%20window.location.protocol%20===%20'file:'%20?'http:'%20:%20'';var%20url%20=%20protocol+'//www.sprymedia.co.uk/VisualEvent/VisualEvent_Loader.js';if(%20typeof%20VisualEvent!='undefined'%20)%20{if%20(%20VisualEvent.instance%20!==%20null%20)%20{VisualEvent.close();}else%20{new%20VisualEvent();}}else%20{var%20n=document.createElement('script');n.setAttribute('language','JavaScript');n.setAttribute('src',url+'?rand='+new%20Date().getTime());document.body.appendChild(n);}})();
View Source - Show the source of a page (thanks to th3core)
javascript:(function(){%20function%20htmlEscape(s){s=s.replace(/&/g,'&');s=s.replace(/>/g,'>');s=s.replace(/</g,'<');return%20s;}%20x=window.open();%20x.document.write('<pre>'%20+%20htmlEscape('<html>\n'%20+%20document.documentElement.innerHTML%20+%20'\n</html>'));%20x.document.close();%20})();
G Serp Ranks - Prepend organic SERPs with a rank
javascript:(function()%20{var%20h3%20=%20document.getElementsByClassName('r');%20var%20len%20=%20h3.length;%20for(var%20rank%20=%200;rank%20<%20len;rank++)%20{var%20str%20=%20(rank%20+%201)%20+%20'%20—%20'%20+%20h3[rank].innerHTML;%20h3[rank].innerHTML%20=%20str;%20}})();
Similarweb
javascript:location.href='https://www.similarweb.com/website/'+encodeURIComponent(location.hostname + location.pathname)
Add jQuery to page for browser console use
javascript:(function(e,s){e.src=s;e.onload=function(){jQuery.noConflict();console.log('jQuery injected')};document.head.appendChild(e);})(document.createElement('script'),'//code.jquery.com/jquery-latest.min.js')
Given its popularity, you may find yourself having to use Facebook to get eyeballs. Being a forum creature, I find the collapsing comments to be a disorienting PITA to work with. I've used this a couple of years ago when it was a script. Now it's a convenient bookmarklet and being maintained
Expand All Facebook Comments
http://com.hemiola.com/2015/08/29/expand-all/
Tested on Chrome.
Critical path CSS
javascript:void function () { (function () { if (typeof window.getMatchedCSSRules !== 'function') { window.getMatchedCSSRules = function (element) { var i, len, matching = [], sheets = document.styleSheets; function loopRules(rules) { var i, len, rule; for (i = 0, len = rules.length; i < len; i++) { rule = rules[i]; if (rule instanceof CSSMediaRule) { if (window.matchMedia(rule.conditionText).matches) { if(typeof rule.cssRules == 'object' && rule.cssRules.length > 0) { loopRules(rule.cssRules); } } } else if (rule instanceof CSSStyleRule) { if (element.matches(rule.selectorText)) { matching.push(rule); } } } }; for (i = 0, len = sheets.length; i < len; i++) { try { if(typeof sheets[i].cssRules == 'object' && sheets[i].cssRules.length > 0) { loopRules(sheets[i].cssRules); } } catch (err){ } } return matching; } } var e = function (e, t, n) { var r = n || {}, o = {}, i = function (e) { try { if(typeof o[e.selectorText] == 'undefined') { o[e.selectorText] = {}; } for (var t = e.style.cssText.split(/;(%3F![A-Za-z0-9])/), n = 0; n < t.length; n++) if (!!t[n] != !1) { var r = t[n].split(": "); r[0] = r[0].trim(), r[1] = r[1].trim(), o[e.selectorText][r[0]] = r[1] } } catch(err) { console.error('ERROR: in generating!! plz contact Dirk Persky'); } finally { console.warn('Scan Next Node'); } }, a = function () { for (var n = e.innerHeight, o = t.createTreeWalker(t, NodeFilter.SHOW_ELEMENT, function (e) { return NodeFilter.FILTER_ACCEPT }, !0); o.nextNode();) { var a = o.currentNode, c = a.getBoundingClientRect(); if (c.top < n || r.scanFullPage) { var l = e.getMatchedCSSRules(a); if (l) for (var f = 0; f < l.length; f++) i(l[f]) } } }; this.generateCSS = function () { var e = ""; for (var t in o) { e += t + " { "; for (var n in o[t]) e += n + ": " + o[t][n] + "; "; e += "}\n" } return e }, a() }, t = new e(window, document), n = t.generateCSS(); console.log(n) })() } ();
To use:
A bit confusing, but look at that last bit of code. This is a console logger.
- In Firefox, the CSS output will show up right in the console.
- In Chrome, it will generate hundreds or thousands of warnings (but hopefully not errors) and an "info" entry. The info entry has your critical path CSS.
Source: https://github.com/DirkPersky/criticalcss
Without a bookmarlet, use this
https://jonassebastianohlsson.com/criticalpathcssgenerator/