Web dev tip

This content was marked as sensitive. Click to reveal

If you need to look at a page's source code on a mobile phone, at least on Android Firefox and Chrome (haven't checked iOS) you can prepend any url in the url bar with "view-source:" to see it. So

view-source:https://yourwebsite

would show the yourwebsite source code

9
Share
Share on Mastodon
Share on Twitter
Share on Facebook
Share on Linkedin
Evan
This content was marked as sensitive. Click to reveal

@darius related: formatted HTML > minified HTML 😅

1
2y
Bill Hunt
This content was marked as sensitive. Click to reveal

@darius Oh this is super-helpful, I was just lamenting the lack of source view in Firefox mobile this week!

0
2y
ranjit
This content was marked as sensitive. Click to reveal

@darius whoa, neat!

Sad to say I tried it on IOS Safari and it just said "the address is invalid" :sadcowblob:

0
2y
Andrew Chou
This content was marked as sensitive. Click to reveal

@darius totally forgot about this. I've been using neatnik.net/view-source/ which has generally worked well.

what I really need is devtools in mobile browsers 😄 (or some subset of what you'd find on desktop)

0
2y
pb
This content was marked as sensitive. Click to reveal

@darius alas, does not on iOS.

1
2y
Touk
This content was marked as sensitive. Click to reveal

@darius Here I was spending X years thinking "too bad you can't View Source in mobile Firefox"...

0
2y
Dr. Juande Santander-Vela
This content was marked as sensitive. Click to reveal

@darius I use a bookmarklet for that in mobile Safari: matthopkins.com/wp-content/upl

0
2y
Jenny Odell
This content was marked as sensitive. Click to reveal

@darius this is eerily helpful, I was literally wondering this for the first time yesterday :-o

0
2y
Sam Muirhead
This content was marked as sensitive. Click to reveal

@darius this! this is what I have wanted on so, so many occasions!
I don't suppose you can edit it though 🤔

0
2y
Replies