首頁 > web前端 > css教學 > iOS 15中的前端開發快捷方式

iOS 15中的前端開發快捷方式

Christopher Nolan
發布: 2025-03-19 10:58:08
原創
732 人瀏覽過

Front-End Dev Shortcuts in iOS 15

Chris分享的手機“查看源代碼”方法讓我興奮不已!雖然它並非內置功能,但iOS用戶現在也能像Android用戶一樣,通過在URL前添加view-source:來查看網站代碼了。

出於好奇,我探索了iPhone中其他可能內置的開發者工具。 iOS 15的發布,正是進行這項探索的絕佳時機。

iOS捷徑應用可能是所有應用中最被低估的。它類似於iOS版的IFTTT或Zapier,提供各種鉤子,可以用來讓一個應用響應另一個應用並執行操作。例如,當Marvin Gaye的歌曲在HomePod上播放時,調暗家裡的燈光。非常實用!

更棒的是,有一些預製捷徑食譜對前端開發者非常有用,你可以在捷徑應用的圖庫中直接找到它們。

真正的“查看源代碼”

當然,有一個預製捷徑可以查看任何網頁的源代碼。

現在,當我瀏覽網頁時,可以請求Siri查看源代碼,或打開共享菜單來觸發捷徑。

如果它能顯示行號、語法高亮、等寬字體(說真的!)、縮放功能等等,那就完美了……好吧,也許它離完美還有點距離。

獲取頁面上的所有圖片

這是另一個捷徑瑰寶。打開一個網頁,然後讓Siri“從頁面獲取圖片”。我不是那種喜歡批量抓取網頁資源的人,但這並不意味著所有圖片收集都是惡意行為。

Wayback Machine

這太有趣了!有人創建了一個捷徑,可以在Wayback Machine中打開當前頁面以查看以前的版本。

編輯網頁

我認為這個功能非常實用。假設你想測試設計中的內容,並想看看它在手機上的確切外觀。這個捷徑基本上會在頁面的每個元素上添加contenteditable屬性。

就是這樣!再次強調,所有這些捷徑都在iOS捷徑應用的圖庫選項卡中提供。也許還有其他捷徑,或者有人創建了很酷的捷徑可以與我們分享。 ?

以上是iOS 15中的前端開發快捷方式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板