前端工程

Safari 9.0

本站的主題是商業、創業、美食、葡萄酒、科技、AI、財經投資

我的 Threads > 1.8k追蹤,FB粉專 > 1.7k追蹤,也歡迎加入我的 IG 觀看短影片~

看到新版 Safari (9.0) 的推送,更新之後馬上發現到它的 inspector tool 重新設計了。蘋果不愧是全球產品設計的領導廠商,新的 inspector 我認為設計上十分成功,雖然 inspector 面向的是 developer, 但對於 inspector 來說,developer 就是它的使用者。

蘋果的 Safari for Developers 頁面:
https://developer.apple.com/safari/
這個頁面和它的 sub url:tools, features, resources 都很值得一讀。

其中,Responsive Design Mode,see the video at WWDC 2015
https://developer.apple.com/videos/wwdc/2015/?id=505

以下是我一邊看 video 一邊做的筆記:

  • New interface, multi tabs, dynamically close and add tabs, draggable.
  • Paint Flashing, element tab up right corner, paintbrush button.
  • About the frame rate, Timelines (時間列) tab, 左方切到 Rendering Frames (算圖影格)
  • To see the real type of JS variables, “Type Profiling Tool”, “資源” tab 右上角, T button, click it and reload the page.
  • Better console (主控台), object preview, automatic assigned to a reference, ex: $1, $2, etc. $0 is still the current selected DOM element.
  • Responsive Design Mode, @supports, @media, srcset. In Responsive Design Mode, the border of the resultant web page is still draggable. Clicking the device icon can change the web page to portrait or split view.

本站的主題是商業、創業、美食、葡萄酒、科技、AI、財經投資

我的 Threads > 1.8k追蹤,FB粉專 > 1.7k追蹤,也歡迎加入我的 IG 觀看短影片~