mobile-debugging

# Mobile debugging methodology Patterns for accessing JavaScript console and debugging web pages on mobile devices without traditional desktop DevTools. ## Quick-start: Inject console on any page ### Eruda bookmarklet (recommended) Add this as a bookmark on your mobile browser, then tap it on any page: ```javascript javascript:(function(){var script=document.createElement('script');script.src='https://cdn.jsdelivr.net/npm/eruda';document.body.append(script);script.onload=function(){eruda.init();}})(); ``` ### vConsole bookmarklet ```javascript javascript:(function(){var script=document.createElement('script');script.src='https://unpkg.com/vconsole@latest/dist/vconsole.min.js';document.body.append(script);script.onload=function(){new VConsole();}})(); ``` ## In-page console tools ### Eruda setup Eruda provides a full DevTools-like experience in a floating panel. Eruda 3.x (3.4.3 current as of 2026-05) is the right baseline; it ships ES2020 syntax and assumes a modern mobile browser. ```html <!-- CDN (development only) --> <script src="https://cdn.jsdelivr.net/npm/eruda"></script> <script>eruda.init();</script> <!-- Conditional loading (recommended for production) --> <script> (function() { var src = 'https://cdn.jsdelivr.net/npm/eruda'; // Only load when ?eruda=true or localStorage flag set if (!/eruda=true/.test(window.location) && localStorage.getItem('active-eruda') !== 'true') return; var script = document.createElement('script'); s...