Front-End Dev Shortcuts in iOS 15

Chris shared the "View Source Code" method of mobile phones made me excited! Although it is not a built-in feature, iOS users can now view the website code by adding view-source: in front of the URL, just like Android users.

Out of curiosity, I explored other potentially built-in developer tools in the iPhone. The release of iOS 15 is an excellent time to explore this.

iOS shortcut apps are probably the most underrated of all apps. It is similar to IFTTT or Zapier for iOS, and provides various hooks that can be used to make one app respond to another and perform operations. For example, when Marvin Gaye's song is played on the HomePod, dimming the lights at home. Very practical!

Even better, there are some pre-made shortcut recipes that are very useful for front-end developers, and you can find them directly in the gallery of shortcut apps.

Real "View source code"

Of course, there is a prefabricated shortcut to view the source code of any web page.

Now, when I browse the web page, I can request Siri to view the source code, or open the share menu to trigger the shortcut.

If it can display line numbers, syntax highlighting, monospace fonts (seriously!), zooming functions, etc., then it's perfect... well, maybe it's a little bit far from perfect.

Get all pictures on the page

This is another shortcut gem. Open a web page and have Siri "get pictures from the page". I'm not the kind of person who likes to crawl web resources in batches, but that doesn't mean that all image collections are malicious.

Wayback Machine

This is so interesting! Someone has created a shortcut to open the current page in Wayback Machine to see the previous version.

Edit the web page

I think this feature is very practical. Suppose you want to test what's in the design and want to see how it looks exactly on your phone. This shortcut basically adds a contenteditable property on every element of the page.

That's it! Again, all of these shortcuts are available in the Gallery tab of the iOS Shortcuts app. Maybe there are other shortcuts, or someone has created a cool shortcut to share with us. ?

The above is the detailed content of Front-End Dev Shortcuts in iOS 15. For more information, please follow other related articles on the PHP Chinese website!