Handy Bookmarks

Edit the text on the fly
The text won’t be saved. But this is very handy if you want to test some textual changes within webdesign. Copy and Paste code below into a new bookmark or rightclick here and “add to Favorites”.

javascript:document.body.contentEditable = 'true'; document.designMode='on'; void 0

Highlight what Font is used
This bookmark activates a function where you can hover every text within a website and it will show you the font that is used when hovering over the text. Copy and Paste the code below into a new bookmark or rightclick here and “add to Favorites”.

javascript:(function(){var d=document,s=d.createElement('scr' 'ipt'),b=d.body,l=d.location;s.setAttribute('src','http://chengyinliu.com/wf.js?o=' encodeURIComponent(l.href) '&t=' (new Date().getTime()));b.appendChild(s)})();

Copy the UserAgent
This bookmark shows the UserAgentString, you can copy/paste this for a Bugreport for example. Copy and Paste the code below into a new bookmark or rightclick here and “add to Favorites”.

javascript:(function(){window.prompt ("Copy to clipboard: Ctrl C, Enter", navigator.userAgent);})()

Click this bookmark and show the metadata o.a. OpenGraph data
This bookmark shows the metadata a page has, this is easier then looking for these tags in the source code. Copy and Paste the code below into a new bookmark.

javascript:( function(){ var d = document;var b = document.body; var div = d.createElement('div'); var msg = (t = document.querySelector('title')) ? '

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.