如何使用 JavaScript 以程式方式控制瀏覽器縮放等級？

改變瀏覽器的放大倍率：放大和縮小指南

增強網頁瀏覽體驗需要管理縮放級別，特別是當圖像和佈局需要精度時。本文解決了透過按鈕修改瀏覽器縮放等級的可能性，並提供了實現此功能的程式碼片段。

瀏覽器縮放操作的可行性

自訂瀏覽器縮放等級在網路中確實可行Explorer 和 Google Chrome，但 Mozilla Firefox 目前不支援。

實作Zoom按鈕

要建立調整瀏覽器縮放等級的按鈕，請依照下列步驟操作：

1. 建立按鈕：

   包含兩個HTML 程式碼中的按鈕：一個用於放大 ( )，另一個用於縮小(-).

2. 新增事件監聽器：

   為按鈕設定事件監聽器以觸發縮放功能。

3. 利用 Zoom()屬性：

   在 JavaScript 中，document.body.style.zoom 屬性控制瀏覽器縮放等級。

4. 實作縮放功能：

   定義一個 JavaScript函數來調整縮放等級並將其指派給按鈕的事件

function toggleZoomScreen() {
   document.body.style.zoom = "80%";
}

5. 將按鈕連結到函數：

   將toggleZoomScreen() 函數指派給按鈕的onclick 事件處理程序。

<img src="/static/imghwm/default1.png" data-src="example.jpg" class="lazy" alt="example" onclick="toggleZoomScreen()">

以上是如何使用 JavaScript 以程式方式控制瀏覽器縮放等級？的詳細內容。更多資訊請關注PHP中文網其他相關文章！