Real Inspect Element on iOS in Safari

Using Bookmarks and JavaScript it is possible to get Inspect Element running on iOS.

This looks much better on an iPad, due to the screen size.

Video going through the same steps.

Step 1, Copy This Code.

javascript:(function(F,i,r,e,b,u,g,L,I,T,E)%7Bif(F.getElementById(b))return;E=F%5Bi+’NS’%5D&&F.documentElement.namespaceURI;E=E?F%5Bi+’NS’%5D(E,’script’):F%5Bi%5D(‘script’);E%5Br%5D(‘id’,b);E%5Br%5D(‘src’,I+g+T);E%5Br%5D(b,u);(F%5Be%5D(‘head’)%5B0%5D%7C%7CF%5Be%5D(‘body’)%5B0%5D).appendChild(E);E=new%20Image;E%5Br%5D(‘src’,I+L);%7D)(document,’createElement’,’setAttribute’,’getElementsByTagName’,’FirebugLite’,’4',’firebug-lite.js’,’releases/lite/latest/skin/xp/sprite.png’,’https://getfirebug.com/','%23startOpened');

Step 2, Open Safari.

Step 3, Make a Bookmark.

1. Go to any web page (Can’t be the Favorites view)
2. Tap on the Share Button.
3. Find “Add Bookmark.”
4. Name it what ever you want.
5. Add it.

Step 4, Edit the Bookmark

1. Find your bookmark.
2. Tap Edit in the toolbar.
3. Tap on your bookmark.
4. Replace the URL with the code you copied in step 1.
5. You are done!