If you are using Chrome on your smartphone there is a way to use the developer console remotely by connecting your phone to a PC and by remote debugging.
But what if you want to use your web developer console on your smartphone itself without any PC.
Yes, it is possible using a simple tool called Eruda.
So let's setup Eruda on our browser to open browser console for any website.
Steps to use browser console on phone without PC
- Open your phone browser( Chrome is preferred).
- Select Bookmarks.
- Edit any unwanted bookmark.
- In Name type Inspect Element.
- In URL paste the code below.
javascript:(function () { var script = document.createElement('script'); script.src="//cdn.jsdelivr.net/npm/eruda"; document.body.appendChild(script); script.onload = function () { eruda.init() } })(); 
- Save the Bookmark.
- Go to any site you want to use browser console.
- After the site is completely loaded, Type Inspect Element on the address bar and select the address we just bookmarked.
- Now you will see an icon appear right on your web page. Click on it to open web developer console tools.
Conclusion
This is the simplest method to use web developer console on your mobile browser and run some JavaScript code on any website. Some website does not allow to run external JavaScript on their site through phones but you can try and check.
If your aim is to run JavaScript on a website you can use javascript:<<code>> on the address bar. You can also directly paste the code given above to open developer tools but when you paste it directly into your address bar, the beginning part javascript: will not be pasted so you need to type it in for the code to work.
Browse any website using this browser tool.
ReplyDelete