Justin is dead on. The key point here is that HTML is just a language for describing a document. Once the browser reads it, it’s gone. Open tags, close tags, and formatting are all taken care of by the parser and then go away. Any tool that shows you HTML is generating it based on … Read more
SnappySnippet I finally found some time to create this tool. You can install SnappySnippet from Github. It allows easy HTML+CSS extraction from the specified (last inspected) DOM node. Additionally, you can send your code straight to CodePen or JSFiddle. Enjoy! Other features cleans up HTML (removing unnecessary attributes, fixing indentation) optimizes CSS to make it … Read more
Misconceptions There are few common misconceptions regarding WebSocket and Socket.IO: The first misconception is that using Socket.IO is significantly easier than using WebSocket which doesn’t seem to be the case. See examples below. The second misconception is that WebSocket is not widely supported in the browsers. See below for more info. The third misconception is … Read more
If you don’t mind messing around with the source, you could redefine the property with an accessor. // original object var obj = { someProp: 10 }; // save in another property obj._someProp = obj.someProp; // overwrite with accessor Object.defineProperty(obj, ‘someProp’, { get: function () { return obj._someProp; }, set: function (value) { debugger; // … Read more
To summarize the excellent explanations given in the answers and comments by bobince, Kieron, Alohci and others: Firebug just displays the DOM of the parsed page. Due to complicated HTML parsing rules, the DOM will “differ” (in some sense) from the source HTML. In this case the TBODY element in the DOM is added by … Read more
If you visit the GitHub Page of FirePath, it clearly mentions that : FirePath is a Firebug extension that adds a development tool to edit, inspect and generate XPath expressions and CSS3 Selectors Now if you visit the Home Page of FireBug, it clearly mentions that : The Firebug extension isn’t being developed or maintained … Read more
Let’s look at the language grammar, shall we? Section 12, Statements: Statement : Block VariableStatement EmptyStatement ExpressionStatement …lots of other stuff… That’s a very fancy way of saying that a statement can be a block, a variable statement, an empty statement, an expression statement, or lots of other stuff. Notice that the first option there … Read more
requestAnimationFrame (Late 2019) Leaving these previous answers here for historical context. Currently Muhammad Umer’s approach works on Chrome 78, with the added advantage of detecting both close and open events. function toString (2019) Credit to Overcl9ck‘s comment on this answer. Replacing the regex /./ with an empty function object still works. var devtools = function() … Read more
The Problem: DOM Requires <tbody/> Tags Firebug, Chrome’s Developer Tool, XPath functions in JavaScript and others work on the DOM, not the basic HTML source code. The DOM for HTML requires that all table rows not contained in a table header of footer (<thead/>, <tfoot/>) are included in table body tags <tbody/>. Thus, browsers add … Read more
See How to find event listeners on a DOM node. In a nutshell, assuming at some point an event handler is attached to your element (eg): $(‘#foo’).click(function() { console.log(‘clicked!’) }); You inspect it like so: jQuery 1.3.x var clickEvents = $(‘#foo’).data(“events”).click; jQuery.each(clickEvents, function(key, value) { console.log(value) // prints “function() { console.log(‘clicked!’) }” }) jQuery 1.4.x … Read more