{"id":23722,"date":"2020-05-11T10:20:21","date_gmt":"2020-05-11T09:20:21","guid":{"rendered":"https:\/\/jurnsearch.wordpress.com\/?p=23722"},"modified":"2020-05-11T10:20:21","modified_gmt":"2020-05-11T09:20:21","slug":"css-and-desist","status":"publish","type":"post","link":"https:\/\/jurn.link\/jurnsearch\/index.php\/2020\/05\/11\/css-and-desist\/","title":{"rendered":"CSS and desist"},"content":{"rendered":"

Ever wonder what a Web page would look like if just<\/em> the plain HTML were shown, as if it were 1996 again? Ah, but which<\/em> HTML? There are actually two forms of HTML that reach your browser, and there can be quite a disparity between these two types.<\/p>\n

The first is what you see after the raw HTML has been pummelled about by CSS and javascript and the browser’s interpretation. This is often referred to as the ‘DOM’ HTML. This code is what you see and navigate through if you ‘Inspect element’ in your browser, or if you block an element with uBlock’s Element Picker tool.<\/p>\n

The second type is the HTML code that gets sent to the browser in the first place, and that original is kept pristine and effectively ‘under’ the Web page. It can be seen via: right-click on page \/ ‘View source’. This source can then be selected and copied with a Ctrl + A \/ Ctrl + C<\/em> keyboard command. Or it can be saved out when you ‘Save page as…’ \/ ‘Save as HTML only’, and from there you can re-open the saved page in the browser. Some remote CSS, javascript and images may still be called, even then.<\/p>\n

A quicker way to ‘see’ this original without its CSS and other ‘remote-code’ flibbertigibbets is to install the add-on disable-HTML<\/a> in your browser… <\/p>\n

\"\"<\/a><\/p>\n

The addon is quite simple to use, and though old still works fine. It was somewhat mis-named, as it can robustly block everything except<\/em> the HTML of the actual ‘page source’. With CSS and javascript blocked, it appears to be blocking the DOM version of the HTML from emerging from the page source. So what you see displayed, on page re-load, is effectively the page source. As such it can be quite handy for the removal of some types of especially tough and obstreperous CSS-and-javascript -driven overlays, in a situation where you don’t much care about the fancy wrapping and just want the words in a readable and\/or copy-able form. Such as on the vile overlays of the unherd.com site.<\/p>\n","protected":false},"excerpt":{"rendered":"

Ever wonder what a Web page would look like if just the plain HTML were shown, as if it were …<\/p>\n

Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-23722","post","type-post","status-publish","format-standard","hentry","category-jurn-tips-and-tricks"],"_links":{"self":[{"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/posts\/23722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/comments?post=23722"}],"version-history":[{"count":0,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/posts\/23722\/revisions"}],"wp:attachment":[{"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/media?parent=23722"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/categories?post=23722"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jurn.link\/jurnsearch\/index.php\/wp-json\/wp\/v2\/tags?post=23722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}