Safari 9.0

🏆 超過70萬名讀者已閱讀本站的內容，共同創造了105萬次總閱讀次數！

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