最近在使用ipad端基於html開發的軟體時發現乙個問題，手指雙擊按鈕會導致頁面放大。導致該現象的主要原因是ios10及以上版本的瀏覽器為了提公升易用性，不再對快速雙擊放大和雙指縮放進行禁止。
查詢資料發現主要有以下兩種方法解決該問題：
1、在js中通過touchstart和touchend判斷兩次手指按下的時間間隔來禁止雙擊放大的響應；
2、在html中修改meta（關於viewport另一篇文章有介紹
；以上兩種方法經過親自試驗後推薦使用第二種方法。第一種方法雖然可以禁止雙擊放大的事件，但是出現兩個問題
(1)會有較大的概率出現雙擊後頁面放大並且無法還原的情況；
(2)有時候按下按鍵後不會觸發按鍵訊息；
瀏覽器頁面載入效能
window.performance.timing返回網頁中所有資源和標記的資料 window.performance.getentries 根據entrytype返回資料 window.performance.getentriesbytype window.performance.getentri...
瀏覽器渲染頁面過程
今天在某論壇上看到這麼乙個問題。現在頁面有個空div，我用js向裡面插入一段html,然後獲取div的高度，發現有時候得到的div的高度不準確，請問各位有什麼方法解決一下。那麼為了更好的理解這個問題，咱們今天來聊聊瀏覽器的渲染過程 解析html 解析css 構建render tree 布局 layo...
瀏覽器頁面渲染流程
渲染流水線中css和js的載入 相關概念 html css js資料通過渲染模組的處理最終輸出為螢幕上的畫素 渲染模組被劃分為很多子階段，輸入的資料通過這些子階段最後輸出畫素，這樣的乙個處理流程叫做渲染流水線 注意 每個子階段都有其輸入內容 處理過程和輸出內容 因為瀏覽器無法直接理解和使用html，...