瀏覽器的進程和線程
瀏覽器的進程和線程 前言 要理解瀏覽器的進程和線程，首先需要理解一句話：進程是CPU分配資源的最小單位，線程是CPU調度的最小單位。 應用程序在運行時，CPU會分配一塊可獨立運行的內存，即進程，他是應用程序運行的載體。進程一般由程序，數據集合和進程控制塊三部分組成。程序用於描述進程要完成的功能，是控制進程執行的指令集；數據集合是程序在執行時所需要的數據和工作區；程序控制塊包含進程的描述信息
Nickname 瘋狂的金桔
@瀏覽器
Contributes27
Followers0
Contributes
@瀏覽器
Stories List
深入瞭解現代網絡瀏覽器（第 1 部分）
前言 本文是進擊的大葱對Mario Kosaka寫的inside look at modern web browser系列文章的翻譯。這裏的翻譯不是指直譯，而是結合個人的理解將作者想表達的意思表達出來，而且會盡量補充一些相關的內容來幫助大家更好地理解。 CPU，GPU，內存和多進程架構 在本篇文章中，我將會從Chrome瀏覽器的高層次架構（high-level architecture）開始説起，
Nickname 浪遏飛舟
瀏覽器存儲及JavaScript重寫LocalStorage方法實現瀏覽器本地存儲設置時間問題
最近遇到了用户登錄信息本地存儲的問題，所以需要對瀏覽器的localStorage的存儲時間進行設置，因此重寫localStorage方法並在此記錄。 瀏覽器幾個存儲總結： localStorage保存的數據（大小5M左右），以“鍵值對”的形式長期存在。也就是説，每一項數據都有一個鍵名和對應的值，所有的數據都是以文本格式保存。保存的數據沒有過期時間，直到手動去除。 sessionStorage
Nickname 很白的小白
V8 入門記錄一：初識
關於 V8 我想前端從業人員或多或少會聽説過這個詞，但是他具體是什麼， 怎麼入門， 怎麼學習是一個較高的門檻，本文就 V8 入門，來做一個記錄，也方便大家的學習。 V8 是 Google 用 C++ 編寫的開源高性能 JavaScript 和 WebAssembly 引擎。它被用於 Chrome 瀏覽器和 Node.js 等。它實現了 ECMAScript 和 WebAssembly，可在 Win
Nickname Grewer
5個Chrome調試混合應用的技巧
對前端開發人員來説，Chrome 真是一個必備的開發工具，大到頁面展示，小到 BUG 調試/HTTP 抓包等，本文我將和大家分享自己做混合應用開發過程中經常用到的幾個調試技巧。 一、調試安卓應用 在進行混合應用開發過程中，經常需要在安卓應用中調試 H5 項目的代碼，這裏我們就需要了解安卓應用如何在 Chrome 上進行調試。 接下來簡單介紹一下，希望大家還是能實際進行調試看看： 1. 準備工
Nickname pingan8787
Firefox 120, Chrome 120, Chromium 120 官網離線下載
Firefox 120, Chrome 120, Chromium 120 官網離線下載 (macOS, Linux, Windows) Mozilla Firefox, Google Chrome, Chromium, Apple Safari 請訪問原文鏈接：https://sysin.org/blog/chrome-firefox-download/，查看最新版。原創作品，轉載請保留出處。
Nickname sysin
5分鐘上手瀏覽器插件測試——Eolink Apikit
Eolink Apikit 研發管理和自動化測試產品中，提供了多種發起 API 測試的方式： 服務器測試：通過 Eolink Apikit 官方遠程服務器發送請求，不需要安裝任何插件，但是無法訪問本地服務器(localhost)、內網、局域網。 插件測試：通過 Eolink Apikit 官方瀏覽器插件發送請求，需要安裝 Chrome 或者 Firefox 插件，可訪問本地服務器(local
Nickname Eolink
前端構建工具技術（介紹篇）
構建工具：俗稱打包。 理解：將模塊文件進行合併，代碼壓縮，整合資源等一系列自動化操作。 為什麼會出現構建工具這項技術？ 我們希望看到頁面加載平滑，快速進行響應。 通過： 1.編寫代碼的邏輯，避免無效浪費內存資源，即優化代碼； 2.優化瀏覽器請求資源的速度； 原因： 首先瀏覽器加載資源 請求的文件數量越多越耗時，文件容量越大越耗時。但是為了我們前端項目結構清晰，我們一般會分成
Nickname XiaoYu
微軟如何使Edge成為PWA的最佳瀏覽器
相關閲讀：微軟解析新Edge瀏覽器的多進程體系結構 近年來，由於網絡巨頭和移動開發人員的推動，漸進式Web應用已成為一種增長趨勢，因為它們允許將類似原生的體驗帶入任何平台。 在最致力於這項新技術的公司中，有Microsoft，它通過PWABuilder等項目幫助Web開發人員擁抱了這一新技術。隨着第一個基於Chromium的微軟Edge版本的推出，以及最近在Build 2020上的宣佈，該公司通
Nickname 杭州程序員張張
Chrome 瀏覽器插件 Manifest.json V3 中權限（Permissions）字段解析
本文參與了SegmentFault 思否 2023 年度有獎徵文活動，歡迎正在閲讀的你也加入。 一、權限（Permissions） 再使用拓展程序的 API 時，大多數的時候，需要在 manifest.json 文件中聲明 permissions 字段。 一、權限類型 在 V3 版本中可以聲明以下類別的權限： permissions： 包含下面 permissions 權限列
Nickname 月恆
Chrome 瀏覽器插件從 Manifest V2 升級到 V3 版本所需要修改的點
本文參與了SegmentFault 思否 2023 年度有獎徵文活動，歡迎正在閲讀的你也加入。 一、Manifest V2 支持時間表 Chrome 瀏覽器官方已經給出確定的時間來棄用 V2 版本的插件了。 最早從 2024 年 6 月的 Chrome 127 開始，我們將開始停用 Chrome 的不穩定版本（開發者版、Canary 版和 Beta 版）中的 Manifest V2 擴展程序。
Nickname 月恆
手寫一個簡單的谷歌瀏覽器拓展插件（附github源碼）
前言 閲讀本文，可以自己寫一個簡單的瀏覽器插件 以及前端瀏覽器插件相關東西 附上github源碼：https://github.com/shuirongshuifu/browser-plugin 接下來學學這個不常用的知識點吧... 效果圖 我們先看一下，自己手寫的簡單插件的操作效果圖（點擊彈出時間） 拓展程序部分 或者地址欄輸入：chrome://extensions/ 回
Nickname 水冗水孚
JSON.parse 比 Object 字面量語法更快
寫在前面 原文地址： https://www.bram.us/2019/11/25/faster-javascript-apps-with-json-parse/ 原文中包含油管視頻，有梯子並且英文好的可以直接點開鏈接觀看。 針對太長不看的讀者 因為 JSON 語法比 Javascript 的語法更簡單，因此解析 JSON 比解析 Javascript 更高效。當一個 web app 需要加載在首
Nickname littlelyon
瀏覽器事件循環
完整高頻題庫倉庫地址：https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址：https://febook.hzfe.org/ 相關問題 什麼是瀏覽器事件循環 瀏覽器為什麼需要事件循環 Node.js 中的事件循環 回答關鍵點 任務隊列 異步 非阻塞 瀏覽器需要事件循環來協調事件、用户操作、腳本執行、渲染、網絡請求等。通過事件循環，瀏覽器
Nickname HZFEStudio
瀏覽器工作原理
瀏覽器（也稱為網絡瀏覽器或互聯網瀏覽器）是安裝在我們設備上的軟件應用程序，使我們能夠訪問萬維網。在閲讀這篇文字時，你實際上正在使用一個瀏覽器。 有許多瀏覽器正在被使用，截至2022年，使用最多的是：谷歌瀏覽器、蘋果的Safari、微軟的Edge和火狐。 但是，它們實際上是如何工作的，從我們在地址欄中鍵入網絡地址開始，到我們試圖訪問的頁面顯示在屏幕上，會發生什麼？ 關於這個問題的答案，一個極其簡化的
Nickname superZidan
【原理揭秘】Vite 是怎麼兼容老舊瀏覽器的？你以為僅僅依靠 Babel？
作者：京東科技 孫凱 一、前言 對前端開發者來説，Vite 應該不算陌生了，它是一款基於 nobundle 和 bundleless 思想誕生的前端開發與構建工具，官網對它的概括和期待只有一句話：“下一代的前端工具鏈”。 Vite 最早的版本由尤雨溪發佈於3年前，經歷了3年多的發展，Vite 也已逐漸迭代成熟，它的穩定性、擴展性、周邊生態足以在生產環境中支撐各種業務場景的落地。但是關於Vite的
Nickname 京東雲開發者
扎堆做AI瀏覽器，是不是“脱褲子放屁”？
最近AI圈子最熱鬧的，莫過於各大廠爭先恐後地“組團”發佈AI瀏覽器。 從早期的manus到arc、微軟、谷歌Chrome、FlowithOS、openai的atlas到各種新鋭團隊，一夜之間，瀏覽器好像成了AI落地的“唯一真理”。它幾乎什麼都能幹。 但不知道為什麼，我總感覺這事兒有點彆扭。用一句老話講，它有點像“脱褲子放屁”—— 一個明明可以走捷徑的動作，非要繞個大圈。 我為什麼這麼説？ 1.
Nickname 飛奔的毛巾
瀏覽器同源策略，聽説過麼？
摘要：同源策略就是指必須在同一個協議，域名，端口號下，而且三者必須一致的。 本文會從以下幾個方面講述同源策略： 第一點 what：什麼是同源策略 第二點 why：為什麼需要同源策略 第三點 how：如何解決經典的跨域問題 什麼是同源策略 什麼是同源策略呢？通常一個概念出來之後，我會從生活的實際例子找到解析，你可以想象一下，假如你們家的房子，是不是不允許陌生人進入，如果可以隨便進入，那麼久有可能被盜
Nickname 華為雲開發者聯盟
大促福利怎麼薅？最全“出海人年終福利地圖”來了！
年終旺季，超多福利🎁🎁🎁 為了讓出海人能快速瞭解近期的大促福利，特為大家整理了一份年終福利地圖。 涵蓋多家不同類型的出海服務商，地圖在手，福利你有！！ 詳情請往下看👇 AdsPower AdsPower 是一款專為出海人打造的指紋瀏覽器，致力解決跨境多賬號安全管理問題，目前已通過所有網站檢測。平台提供獨特的指紋配置、專業的瀏覽器自動化、高效的團隊協作功能，為您的賬號環境保駕護
Nickname HelpLook
minio 查看 bucket 數據一直顯示為 loading ！！！！firefox 坑人？vpn 坑人！
問題描述：minio 查看 bucket 數據一直顯示為 loading? 最後調試發現，問題不在 minio，而是在 firefox 我一直在 mac 上使用 firefox 作為默認的瀏覽器 但是我換了 chrome 之後，minio 轉圈圈的問題就不存在了 但是我用安卓手機和安卓平板的 firefox 是可以正常訪問的！！！！linux 上的 firefox 也是可以的！！！ 所以問題縮小到
Nickname universe_king
reqable 在 Firefox 瀏覽器無法抓包和訪問網絡
開啓 reqable 之後，Firefox 就無法訪問網絡了，會顯示「有軟件正在阻止 Firefox 安全地連接至此網站」 reqable.com 很像是一個安全（連接加密）的網站，但我們未能與它建立安全連接。這個問題是由 Reqable CA (Feb 8, 2025, EC541EC3) 所造成，它是您的計算機或您所在網絡中的軟件。 您可以做什麼？ 如果您的防病毒軟件包含掃描加
Nickname universe_king
CSS 真的會阻塞文檔解析嗎？從瀏覽器渲染原理深入探究一下
在網頁開發領域，一個常見的疑問是 CSS 是否會阻塞文檔解析。理解這一問題對於優化網頁性能、提升用户體驗至關重要。要深入解答這個問題，需要從瀏覽器渲染網頁的原理説起。 瀏覽器渲染網頁的基本流程 瀏覽器在接收到 HTML 文檔後，會依次進行以下幾個主要步驟： 解析 HTML：瀏覽器從網絡或本地獲取 HTML 文件，然後開始解析，將 HTML 代碼轉換為 DOM（Document Object M
Nickname 銀之夏雪
Chrome 瀏覽器 133 版本新特性
Chrome 133 版本新特性 一、Chrome 133 版本瀏覽器更新 1. 在桌面和 iOS 設備上使用 Google Lens 進行搜索 管理員可以通過名為 LensOverlaySettings 的策略控制該功能的所有元素。 執行搜索時，屏幕截圖會被髮送到 Google 服務器，但不會與任何 ID 或賬户關聯，也不會被任何人查看，且其內容數據不會被記錄。 為了使搜索能夠結合用户當前瀏覽的
Nickname 月恆
Chrome 瀏覽器 134 版本新特性
Chrome 134 版本新特性 一、Chrome 134 版本瀏覽器更新 1. 在桌面和 iOS 設備上使用 Google Lens 進行屏幕搜索 Chrome 版本 適用平台 發佈進度 Chrome 126 ChromeOS、Linux、macOS、Windows 1% 穩定版用户可使用該功能 Chrome
Nickname 月恆