Comments on: A Guide to Console Commands https://css-tricks.com/a-guide-to-console-commands/ Tips, Tricks, and Techniques on using Cascading Style Sheets. Thu, 18 Jun 2020 02:02:33 +0000 hourly 1 https://wordpress.org/?v=6.5.5 By: Travis Almand https://css-tricks.com/a-guide-to-console-commands/#comment-1754669 Wed, 26 Feb 2020 04:27:46 +0000 https://css-tricks.com/?p=303621#comment-1754669 In reply to DC.

The actual console specification is at https://console.spec.whatwg.org/

The MDN docs for console is at https://developer.mozilla.org/en-US/docs/Web/API/console

Google has some info that I referenced during my research at https://developers.google.com/web/tools/chrome-devtools/console/utilities

There a decent of amount of things that I passed on due to article length, especially since most of it at this point is browser specific. I couldn’t really justify including too much browser specific details when the article had already so much material.

I didn’t even touch on the profiling features that’s available.

I hope that helps.

]]>
By: vsync https://css-tricks.com/a-guide-to-console-commands/#comment-1754642 Tue, 25 Feb 2020 06:50:27 +0000 https://css-tricks.com/?p=303621#comment-1754642 I’ve authored a tiny utility, for fun, to output styled console. log commands using an intuitive syntax:

https://github.com/yairEO/console-colors

]]>
By: James Catt https://css-tricks.com/a-guide-to-console-commands/#comment-1754640 Tue, 25 Feb 2020 01:40:11 +0000 https://css-tricks.com/?p=303621#comment-1754640 Mashing that bookmark button right now.

Great piece!

]]>
By: DC https://css-tricks.com/a-guide-to-console-commands/#comment-1754624 Sun, 23 Feb 2020 23:01:43 +0000 https://css-tricks.com/?p=303621#comment-1754624 you mentioned there’s more – where’s a good place to look for that?

]]>
By: Travis Almand https://css-tricks.com/a-guide-to-console-commands/#comment-1754601 Sat, 22 Feb 2020 07:39:37 +0000 https://css-tricks.com/?p=303621#comment-1754601 In reply to Neil Erdwien.

Hey there Neil!

You were indeed correct, I’ve updated the article accordingly. Appreciate the tip.

]]>
By: Neil Erdwien https://css-tricks.com/a-guide-to-console-commands/#comment-1754586 Fri, 21 Feb 2020 21:40:31 +0000 https://css-tricks.com/?p=303621#comment-1754586 Well done!

My nit is that $x(‘//div[span]’) returns the div elements on the page that happen to contain a span element as a direct child. To get all divs that contain a span anywhere, you would need $x(‘//div[descendant::span]’). My understanding is that the former is like div:has(> span), and the latter is like div:has(span).

]]>
By: Aryan https://css-tricks.com/a-guide-to-console-commands/#comment-1754582 Fri, 21 Feb 2020 17:08:00 +0000 https://css-tricks.com/?p=303621#comment-1754582 Really helpful. Awesome!

]]>