[](https://addons.mozilla.org/en-US/firefox/addon/console-log-element) Console Log Element [](https://github.com/hchiam/console-log-element/releases) [](https://github.com/hchiam/console-log-element/blob/master/LICENSE) [](http://hits.dwyl.com/hchiam/console-log-element)
March 24, 2026 ยท View on GitHub
Firefox Add-on page: https://addons.mozilla.org/en-US/firefox/addon/console-log-element
Mobile device demo: https://drive.google.com/open?id=1azFuTrUgoU6IBHb1BLJCQJlyYscMtdSS
Laptop demo: https://drive.google.com/open?id=14s2YO8iKGH9RbK1AkUGLlHreGoV9Pcsn
Sometimes I wish I could just open the console log right on a mobile device.
This simple add-on enables you to send commands to the console log without having to open the dev tools, even on mobile.
Once installed, you can bring up the console log interface by clicking on the add-on icon and button. You can also:
- Use
$()as a shortcut fordocument.querySelector(), which works like jQuery's$(). - Use
$$()as a shortcut fordocument.querySelectorAll(). - Use
clear()to clear the output. - Submit
"x"to hide the interface. - You can tap any previous (valid) input to quickly reuse it, and type less on mobile.
- The input is a multiline textarea, so you can hit
Enterto input multiple lines of code. - To submit, hit the "Send command" button, or
Shift+EnterorCtrl+Enter. - Click on the output to expand/collapse it.
This is an old project, with version 2.1.1 released in 2020. If you like this project, you might like lightweight-inspector, which has usability across browsers and mobile devices: https://github.com/hchiam/lightweight-inspector
Other links
Live CodePen demo: https://codepen.io/hchiam/pen/ZEbYgQG
GitHub backup code (note: may be out of date): https://github.com/hchiam/learning-js/blob/master/consoleLogElement.js
Learn to make your own Firefox add-on: https://github.com/hchiam/learning-firefox-extension
Useful pages to use when debugging the project itself locally:
Bookmarklet backup
https://github.com/hchiam/console-log-element/tree/master/bookmarklet