tag 瀏覽器

標籤
貢獻47
124
05:50 PM · Oct 25 ,2025
gqkmiss 頭像 fenanjiu 頭像 momeak9 頭像 grapecity 頭像 wenyaderijiben_cpd6x6 頭像 huaweiclouddeveloper 頭像 ponponon 頭像 pandy_or2 頭像 beckyyyy 頭像 u_12204 頭像 u_13416 頭像 u_16213664 頭像

@瀏覽器 / 博客 RSS 訂閱

grapecity 頭像

葡萄城技術團隊 - 火狐退出中國後，Zen 瀏覽器會是「理想平替」嗎？

葡萄城思否問答子站 引言 從隱私保護到擴展兼容，無縫承接國內用户需求，用革新設計重塑瀏覽體驗 Mozilla Firefox（火狐瀏覽器）曾是國內不少用户的「隱私首選」------憑藉開源內核、豐富擴展生態和自主可控的隱私設置，它一度成為避開 Chromium 生態的重要選擇。但近日火狐即將宣佈徹底關閉中國市場後，不僅官方服務支持中斷、本地化功能（如中文同步、國內鏡像更新）逐步失效，「如何找

瀏覽器

收藏 評論

qiumi_685b70038c171 頭像

邱米 - 2025年MT4最新版下載指南

MetaTrader 4（MT4）作為全球交易者信賴的經典平台，2025年最新版本已正式發佈。本文將為您詳細説明如何快速獲取官方正版安裝包，覆蓋Windows、Mac、iOS及安卓全平台，確保交易體驗流暢安全。 下載步驟 打開常用瀏覽器（建議使用Chrome或Firefox），在地址欄輸入： mt4.51ag.top/MNGB 進入官方下載頁面後，選擇與您設備對應的系統版本（Windows用户選擇

瀏覽器

收藏 評論

jdcdevloper 頭像

京東雲開發者 - 【原理揭秘】Vite 是怎麼兼容老舊瀏覽器的？你以為僅僅依靠 Babel？

作者：京東科技 孫凱 一、前言 對前端開發者來説，Vite 應該不算陌生了，它是一款基於 nobundle 和 bundleless 思想誕生的前端開發與構建工具，官網對它的概括和期待只有一句話：“下一代的前端工具鏈”。 Vite 最早的版本由尤雨溪發佈於3年前，經歷了3年多的發展，Vite 也已逐漸迭代成熟，它的穩定性、擴展性、周邊生態足以在生產環境中支撐各種業務場景的落地。但是關於Vite的

vite , 瀏覽器 , babel , 前端

收藏 評論

fenanjiu 頭像

南玖 - Safari 隱私模式下，URL 參數為何神秘消失？

前言 最近在排查Safari在隱私模式下頁面參數丟失的問題，如果通過Safari直接打開B頁面，此時在B頁面可以正常獲取到頁面鏈接上的參數，但是如果Safari先打開A頁面，然後通過A頁面再跳轉到B頁面（A、B頁面部署在不同域名下），此時的B頁面通過JS就獲取不到鏈接上的參數了🤔，這樣就會導致一些依賴頁面參數的功能出現異常！ 問題演示 B頁面鏈接格式如下：xx.qq.com?au=xx... 通

safari , 瀏覽器 , 前端 , url

收藏 評論

fenanjiu 頭像

南玖 - 通過performance面板驗證瀏覽器資源加載與渲染機制

前言 一個網頁的核心由HTML、CSS和JavaScript組成，三者協同工作以呈現內容並實現交互。但瀏覽器如何解析這些資源？加載順序如何影響用户體驗？讀完本本文你將徹底弄懂以下核心知識 為什麼需要生成DOM樹？ CSS是否會阻塞HTML解析？是否阻塞頁面渲染？ JavaScript是否會阻塞HTML解析？ JavaScript的異步加載機制如何影響解析過程？ 如何通過performa

渲染 , 瀏覽器 , 面試 , 前端

收藏 評論

fenanjiu 頭像

南玖 - 瀏覽器如何確定最終的CSS屬性值？解析計算優先級與規則

前言 上篇文章中有提到CSS值的處理過程，但如果想要確定一個元素的最終樣式值可以不需要這麼多步。實際上我們寫的任何一個標籤元素無論寫沒寫樣式，它都會有一套完整的樣式。理解這一點非常重要‼️ 比如：一個簡單的p標籤 打開瀏覽器控制枱，選中元素，切換到computed選項，勾選show all，這裏就能夠看到元素的所有CSS樣式，儘管你什麼樣式也沒寫，它們也是有默認值的。任何標籤都是這樣，只不過默認

瀏覽器 , Css , 前端

收藏 評論

fenanjiu 頭像

南玖 - 亞像素渲染：瀏覽器如何處理小數像素的渲染？

前言 最近遇到一個這樣的問題，在一些機型上的loading轉圈動畫看起來有點抖，轉起來像個橢圓，心想會不會是這個icon寬高不同造成的，但看了一眼代碼裏面寬高寫的是一樣，按理來説這個loading應該是一個正圓，旋轉起來不應該抖才是的。 比如這樣： div class="w-20px h-20px border-rd-50% loading"/div 寬高相等的一個正圓，旋轉起來看着怪怪的。事實

渲染 , 瀏覽器 , 像素 , 前端 , Javascript

收藏 評論

gqkmiss 頭像

月恆 - Chrome 135 版本開發者工具（DevTools）更新內容

Chrome 135 版本開發者工具（DevTools）更新內容 一、性能（font style="color:rgb(32, 33, 36);"Performance/font）面板改進 1. 性能面板中的配置文件和函數調用現已顯示來源和腳本鏈接 Performance Summary（性能 概覽）選項卡現在會顯示配置分析（profile）和函數調用相關的腳本及來源鏈接，這樣就不需要再將鼠標

chrome , 瀏覽器 , chrome-devtools , 前端

收藏 評論

gqkmiss 頭像

月恆 - Chrome 135 版本瀏覽器更新

Chrome 135 版本新特性 一、Chrome 135 版本瀏覽器更新 1. 第三方託管賬户註冊遷移到 OIDC 授權碼流程 Chrome 135 將賬户註冊的登錄頁面從營銷網站遷移到動態網站，同時也將 OpenID Connect (OIDC) 的隱式流程遷移到授權碼流程。這樣做的目的是進一步提升第三方託管賬户的安全性和用户體驗。 2. iOS 版 Chrome 的下載內容自動刪除 iOS

chrome , 瀏覽器 , 前端

收藏 評論

gqkmiss 頭像

月恆 - Browser-use：基於 Python 的智能瀏覽器自動化 AI 工具調研與實戰

Browser-use：基於 Python 的智能瀏覽器自動化 AI 工具調研與實戰 一、概述 Browser-use 是一個旨在將 AI “智能體”（Agents）與真實瀏覽器進行交互的 Python 庫，可以輕鬆實現瀏覽器自動化。在配合 LLM（如 GPT 系列）使用時，瀏覽器-use 能夠讓你的智能體發起對網頁的訪問、操作頁面元素、收集信息、執行腳本等，從而擴展 AI 應用的落地場景。

llm , 數據挖掘 , 瀏覽器 , 人工智能 , Python

收藏 評論

u_16099314 頭像

技術極客 - new ResizeObserver 瀏覽器支持的版本

這張圖非常直觀，縱軸是瀏覽器存在的時間線，橫軸代表使用此瀏覽器的用户數量。出現在圖片中的瀏覽器包括：Netscape、Opera、IE、Firefox、Safari 和 Chrome。 Netscape：1994 年誕生，1995 年用户基數達到最大（2.x 版本）。1998 年 Netscape 被創業殺手 AOL 收購，再加上微軟的衝擊，逐漸走

safari , chrome , 瀏覽器 , firefox , 架構 , 後端開發 , Opera

收藏 評論

momeak9 頭像

泯瀧 - 強緩存和協商緩存

為什麼有這個東西？ web緩存描述 ： Web 緩存是可以自動保存常見文檔副本的 HTTP 設備。當 Web 請求抵達緩存時， 如果本地有“已緩存的”副本，就可以從本地存儲設備而不是原始服務器中提取這 個文檔。（此結論來自http權威指南） 緩存的優缺點： 優點： 緩存減少了冗餘的數據傳輸，節省了你的網絡費用。 緩存緩解了網絡瓶頸的問題。不需要更多的帶寬就能夠更快地加載頁面。 緩存降低了對

瀏覽器 , 瀏覽器原理 , 網絡 , 網絡傳輸協議 , 前端

收藏 評論

dvqlfbwm 頭像

愛吃雞蛋餅 - 由瀏覽器緩存機制引起的思考

不管三七二十一，先丟一張流程圖，然後看個一分鐘。 有了大致的流程印象之後，我就來補充説明一下大概流程： PS：面試的時候可以按大概流程來説。 當我們進入頁面或刷新頁面時，瀏覽器會加載資源。 此時，瀏覽器會檢查是否有強緩存，即判斷是否有expires或者cache-control（cache-control優先級更高）。 如果有，則查看是否過期，未過期則從緩存讀取資源進行加

瀏覽器 , 瀏覽器緩存 , Javascript

收藏 評論

kobe_fans_zxc 頭像

高級BUG開發 - vue3+vite項目h5/web配置瀏覽器自適應適配（postcss-px-to-viewport-8-plugin）

注意，項目中不要寫行內樣式 vue3+vite項目配置適配H5主要安裝一下兩個插件： amfe-flexible（主要用於動態設置根元素字體大小(rem)，以根據屏幕尺寸進行自適應佈局） postcss-px-to-viewport-8-plugin（將px單位轉換為rem） 開始配置： 第一步、安裝amfe-flexible插件 cnpm install amfe-flexi

縮放 , 瀏覽器 , vue3 , h5頁面 , 適配器模式

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - 瀏覽器緩存機制(強緩存和協商緩存)

1、為什麼需要瀏覽器緩存？ 當我們訪問同一個頁面時，請求資源、數據都是需要一定的耗時，如果可以將一些資源緩存下來，那麼從第二次訪問開始，就可以減少加載時間，提高用户體驗，也能減輕服務器的壓力 2、有哪些緩存？ 瀏覽器緩存分為強緩存和協商緩存，當存在緩存時，客户端第一次向服務器請求數據時，客户端會緩存到內存或者硬盤當中，當第二次獲取相同的資源，強緩存和協商緩存的應對方式有所不同。 強緩存

瀏覽器 , HTTP , 瀏覽器緩存 , HTML , 前端

收藏 評論

u_16213664 頭像

mob64ca140bbb8b - 如何使用Azure DevOps

如何使用BHO定製你的Internet Explorer瀏覽器 文章概要： 有時，你可能需要一個定製版本的瀏覽器。在這種情況下，你可以自由地把一些新穎但又不標準的特徵增加到一個瀏覽器上。結果，你最終有的只是一個新但不標準的瀏覽器。Web瀏覽器控件只是瀏覽器的分析引擎。這意味着仍然存在若干的與用户接

windows , 如何使用Azure DevOps , 瀏覽器 , 雲計算 , webbrowser , 雲原生 , Internet

收藏 評論

asui_83x0 頭像

阿遂 - 思否開源項目推介丨簡悦：提升閲讀體驗的瀏覽器擴展

開源項目名稱：簡悦 開源項目負責人：@Kenshin Wang 開源項目簡介：提升閲讀體驗的瀏覽器擴展 開源項目類型：個人開源項目 項目創建時間：2017 年 GitHub 數據：3.8K Star，309 Fork GitHub 地址：https://github.com/Kenshin/si... 項目介紹 讓你瞬間進入沉浸式閲讀的擴展，還原閲讀的本

瀏覽器兼容性 , 擴展 , 瀏覽器 , sfossp

收藏 評論

u_16099349 頭像

智能探索者 - MutableSharedFlow默認值

16、對字體各種瀏覽器的支持應用： 每次將一種generic字體作為最後的選項列在字體列表中是一種很好的做法。你可以選擇以下幾種： serif (也可能是 Times) sans-serif (也可能是 Arial或者 Helvetica) cursive (也可能是 Comic Sans) fantasy (也可能是 Ransom) monospace (

瀏覽器 , 架構 , 後端開發 , H2 , Css , ci

收藏 評論

huaweiclouddeveloper 頭像

華為雲開發者聯盟 - 案例解讀：深入理解瀏覽器的緩存機制

摘要：緩存可以減少網絡 IO 消耗，提高訪問速度。瀏覽器緩存是一種操作簡單、效果顯著的前端性能優化手段。 前言 瀏覽器緩存是前端性能優化的重要一環，對於前端效率提升的重要性，不言而喻。 之前對於瀏覽器緩存也是一知半解，這次藉着H5頁面緩存優化的東風整理了一下本地瀏覽器端的緩存機制，如強制緩存、協商緩存等，並且然後結合門户域各部件（官網、雲社區、雲市場、個人中心、APP）當前的緩存機制進一步分

服務器 , 瀏覽器 , 華為雲 , 緩存 , 瀏覽器緩存

收藏 評論

koogua 頭像

鳩摩智首席音效師 - 瀏覽器打開 txt 文件亂碼解決方案

在點擊如下鏈接的時候，瀏覽器會直接打開文件，而不是下載文件。 a href="abc.txt"點擊下載/a 問題就來了，當文件中包含中文等非ACCII編碼字符，瀏覽器中預覽就會亂碼。 解決方案如下： 我們需要配置 nginx 或者 apache 服務器，明確 txt 文件的 content-type 和 charset （1）nginx 配置 server { listen 80;

亂碼 , 瀏覽器 , txt

收藏 評論

momeak9 頭像

泯瀧 - Chrome瀏覽器插件Manifest V3 簡介

隨着互聯網的快速發展，瀏覽器插件成為了許多用户提升瀏覽器功能和個性化體驗的重要工具。Chrome瀏覽器作為全球最受歡迎的瀏覽器之一，其插件生態系統也日益壯大。為了保證插件的安全性和性能，Chrome團隊推出了Manifest V3，這是一種新的插件開發規範。 A step in the direction of security, privacy, and performance. 向安全性

插件 , 瀏覽器 , 瀏覽器原理 , 前端 , Javascript

收藏 評論

wenyaderijiben_cpd6x6 頭像

ToDetect指紋檢測 - 瀏覽器指紋檢測有哪些項目？它到底能查出什麼信息？

你有沒有想過——即使你不開定位、不登錄賬號，平台其實也能“認出”你？ 這不是玄學，而是通過 瀏覽器指紋檢測（Browser Fingerprinting） 實現的。 不少人對「瀏覽器指紋檢測具體包含哪些項目」並不清楚。本文將從原理 → 檢測項 → 應用場景 → 注意事項，一步步拆解，讓你一次看懂。 一、什麼是瀏覽器指紋檢測？ 簡單來説，瀏覽器指紋檢測就是網站在你訪問時，收集瀏覽器和設備的一系列特徵

瀏覽器內核 , 瀏覽器 , 指紋

收藏 評論

u_12204 頭像

桃太郎 - Java jsp js 緩存

前段時間做自己nobr target="_blank" onmouseout="kwL(event, this);" onclick="return kwC();" style="border-bottom: 1px dotted rgb(102, 0, 255); color: rgb(102, 0, 255); background-color: transparent; t

Java jsp js 緩存 , 瀏覽器 , servlet , 後端開發 , JAVA , jsp , HTML

收藏 評論

beckyyyy 頭像

beckyyyy - 瀏覽器緩存原理

本文可以配合本人錄製的視頻一起食用 目的 通常説到瀏覽器緩存，大多是和性能優化有關，使用緩存，通常是兩個主要目的，第一是提高訪問速度，第二是減少網絡IO消耗。 當合理配置了緩存，可以得到提升用户體驗、減輕服務器負擔、節省帶寬等效果，這是一種效果顯著的前端性能優化手段。 四個方面 瀏覽器緩存機制涉及四個方面，按照獲取資源時請求的優先級排序如下： Memory Cache Service Wor

瀏覽器 , 瀏覽器緩存 , 前端

收藏 評論