I used to be fairly stoked when Chris shared a approach to “View Supply” on cell. Certain, it’s not the identical as a built-in function but it surely permits iOS customers like myself a approach to peek at a web site’s code the identical manner of us on Android can by prepending view-source: to a URL.

I used to be curious what kinds of dev-related instruments may be baked proper into my iPhone, so I dug round. It’s truly an ideal time to try this with iOS 15 recent out of the oven and all.

The iOS Shortcuts app may be probably the most underrated app of all. It’s sorta like IFTTT or Zapier for iOS in that you just get these hooks you may mess around with to make one app reply to a different and do issues. Like dim the lights in my home when Marvin Gaye hits the HomePod. Helpful stuff like that.

And guess what? Turns on the market are a couple of pre-made Shortcuts recipes that may be helpful for front-end builders. And you may seize them proper within the Shortcuts app’s Gallery.

View supply (for realzzz)

In fact, there’s a pre-fab shortcut to view the supply of any webpage.

Now, after I’m on a webpage, I can ask Siri to view supply, or open the Share Sheet to set off the shortcut.

The choice is added to the Share Sheet.
Discover the choice to share the supply.

This might be excellent if we have now line numbers, syntax highlighting, a mono font (critically!), zooming, and… OK, possibly it’s removed from excellent.

Seize all the photographs on a web page

That is one other Shortcuts gem. Open a webpage and ask Siri to “get photos from web page.” Now, I’m no fan of scraping property off webpages, particularly in bulk, however not all picture assortment must be nefarious.

It’s additionally accessible within the Share Sheet.
Sorry, not sorry.

Wayback Machine

How enjoyable is that this?! Somebody had the concept to create a shortcut that opens the present web page within the Wayback Machine to see previous variations.

So cool to see that title in a listing of choices.
Saved 7,599 instances since 2007? That’s greater than as soon as per day!

Edit webpage

I truly suppose this one is legitimately helpful. Say you need to check content material in a design and need to see precisely the way it appears on cell. This shortcut mainly drops contenteditable on each aspect on the web page.


That’s all! Once more, all of those can be found proper within the iOS Shortcuts app within the Gallery tab. Perhaps there are others. Or possibly somebody’s made a cool shortcut to share with the remainder of us. 😉

#FrontEnd #Dev #Shortcuts #iOS

Leave a Reply

Your email address will not be published. Required fields are marked *