View Page Source in Full Screen Mobile Safari - iPad

Is there anyway to view the source of a web开发者_运维技巧 page on mobile Safari in iPad via the home screen app button? because this obviously hides the address bar etc..

No you can't view source in Mobile Safari full-stop.

EDIT Have you checked out the remote debugging tools that are out there? Whilst you won't necessarily be abel to view full-screen web app source on the device itself, you may then be able to view the source on the control device. For example, weinre

Another solution is that if you are a developer you can install firebug light on your page .

It will make the dev. much easier ... you only have acccess to (CONSOLE - HTML - CSS - SCRIPT - DOM)

More info here :

https://getfirebug.com/firebuglite#Install

Yes you can, nitro html and WebInspector are both apps that allow you to view and in the case of nitro html edit the source html of a webpage

I am able to view the source of a web page (though it looks pretty ugly) on my iphone. I found a tip on the net. Pretty simple.

1. Go to any webpage

2. Tap add bookmark

3. In the name section add anything you like

4. In the address field add this: javascript:(function()%7Bvar%20a=window.open('about:blank').document;a.write('%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3Ctitle%3ESource%20of%20'+location.href+'%3C/title%3E%3Cmeta%20name=%22viewport%22%20content=%22width=device-width%22%20/%3E%3C/head%3E%3Cbody%3E%3C/body%3E%3C/html%3E');a.close();var%20b=a.body.appendChild(a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap';b.appendChild(a.createTextNode(document.documentElement.innerHTML))%7D)();

   

5. That is it. Now open the site you want to see the source of.

6. Go to bookmarks and tap the one you created. It will open the source in a new tab.