什麼是虛擬可視區域?

Matt Gaunt

Chrome M40 中,可視區域的變更雖然不大,但對使用者而言應大有不同。

行動瀏覽器推出時,缺少可視區域中繼標記,可讓網頁以為約 980 像素的螢幕空間,以這個大小顯示。開發人員可以使用可視區域中繼標記定義寬度 (最常見的值為「裝置寬度」),以便將裝置的螢幕大小設為相應的。你可以前往網站基礎知識進一步瞭解

Rick Byers 描述虛擬可視區域的方式如下:虛擬可視區域的概念是將「可視區域」的概念分為「可視區域」(即附加固定位置項目的位置) 和「視覺可視區域」(使用者實際所見內容)。

超簡單範例

網站 videojs.com 是一個很好的範例,因為這個應用程式列固定在頂端,且同時在應用程式列的左右兩側提供連結。

下圖顯示放大瀏覽網站時看到的畫面。

熱門裝置是 Chrome M39,如果沒有虛擬可視區域,底部 3 則來自設有虛擬可視區域的 Chrome M40。

像素化轉譯。
像素化轉譯。

在 Chrome M39 中,放大後會顯示應用程式列,但向右捲動無法讓列右側查看連結,但只會顯示標誌。

若與 Chrome M40 (有「虛擬可視區域」) 相比,「視覺可視區域」會捲動「版面配置可視區域」中的所有項目,在右側顯示連結。

Internet Explorer 已經因應這種行為,這些變更讓我們更直接地反映。

html

這會導致開發人員面臨的重大異動,也就是在 M39 中套用溢位:在 HTML 元素中隱藏,網頁仍可捲動。在 M40 版中,由於系統不再支援這個方式,頁面不會捲動頁面。

更多實心資訊

你想要瞭解詳情嗎?

就能看到下方的簡報。