前端工程

Safari 9.0

商業,創業,業務,職涯,美食,葡萄酒,閱讀,網路科技。

從 Larry 創業以及商業的經驗,希望以白話的口吻,介紹給大家這個商業的世界。

FB粉專會頻繁地更新 Larry 對於商業、社會、人生的觀察與心得,歡迎大家追蹤互動~

看到新版 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.

商業,創業,業務,職涯,美食,葡萄酒,閱讀,網路科技。

從 Larry 創業以及商業的經驗,希望以白話的口吻,介紹給大家這個商業的世界。

FB粉專會頻繁地更新 Larry 對於商業、社會、人生的觀察與心得,歡迎大家追蹤互動~