鍍金池/ 教程/ HTML/ Web瀏覽器
圖表工具
自主學(xué)習(xí)
HTML & CSS
安全工具
SEO: 搜索引擎優(yōu)化
Web/云/靜態(tài)主機(jī)托管工具
原型和框架工具
性能工具
第二部分: 學(xué)習(xí)
第三部分
靜態(tài)網(wǎng)頁生成器工具
全才神話
接口/API 設(shè)計(jì)
Web 開發(fā)者工具
CSS 工具
HTTP/網(wǎng)絡(luò)(包括 CORS 和 WebSockets)
Directed learning
JSON(JavaScript Object Notation)
多平臺(tái)開發(fā)
內(nèi)容管理托管/API工具
前端開發(fā)者常用的網(wǎng)絡(luò)技術(shù)
項(xiàng)目管理 & 代碼托管
圖形工具
JavaScript 錯(cuò)誤監(jiān)控工具
Directed learning
模塊/包倉庫工具
HTML 工具
包管理器
靜態(tài)網(wǎng)頁生成器
模板工具
前端簡報(bào), 資訊網(wǎng)站 & 博客
前端應(yīng)用架構(gòu)設(shè)計(jì)
測試框架工具
合作 & 交流工具
前端薪資
命令行
版本控制
了解代碼編輯器
前端數(shù)據(jù)存儲(chǔ)工具
模塊加載和依賴管理
模塊/包加載工具
前端開發(fā)的技術(shù)棧
Node.js
團(tuán)隊(duì)中的前端
什么是前端開發(fā)者?
無障礙設(shè)計(jì)
腳手架工具
Web 動(dòng)畫
第一部分:前端開發(fā)實(shí)踐
域名系統(tǒng)(又稱 DNS)
JavaScript
前端工作版塊
Web 主機(jī)
HTTP/網(wǎng)絡(luò)工具
網(wǎng)站/APP 監(jiān)控工具
前端的工作職稱
常用前端開發(fā)工具
部署工具
Web瀏覽器
用戶界面和交互設(shè)計(jì)
APP(桌面, 移動(dòng), 平板等) 工具
前端開發(fā)者的后端服務(wù)工具(又稱 BASS: Back-end as a service)
安全
SEO 工具
離線工具
數(shù)據(jù)可視化工具
無殼瀏覽器
JavaScript 工具
前端開發(fā)者從哪里學(xué)
SVG 工具
DOC/API 瀏覽工具
構(gòu)建和任務(wù)自動(dòng)化
任務(wù)管理(又稱 構(gòu)建)工具
DOM, BOM & JQuery
前端開發(fā)綜合學(xué)習(xí)
如何成為前端開發(fā)者?
Internet/web
動(dòng)畫工具
瀏覽工具
JSON 工具
前端開發(fā)者手冊
JS 測試
離線開發(fā)
DOM 工具
前端開發(fā)做什么
Web/瀏覽器 API
React
前端面試
UI 部件 & 組件工具
Web 字體 & 圖標(biāo)
網(wǎng)站性能優(yōu)化

Web瀏覽器

Web瀏覽器

web 瀏覽器(通常被稱為瀏覽器)是一個(gè)用于檢索、展示和遍歷在萬維網(wǎng)上的信息資源的軟件應(yīng)用程序. 信息資源被定義成統(tǒng)一資源定位符(URI/URL). 它可能是網(wǎng)頁, 圖片, 視頻或者一個(gè)內(nèi)容片斷. 超鏈接的出現(xiàn)使用戶能輕松的將瀏覽器導(dǎo)航到相關(guān)的資源, 盡管瀏覽器主要是為了使用萬維網(wǎng), 但它們還可以用來訪問 Web服務(wù)器在私人網(wǎng)絡(luò)所提供的信息或文件在文件系統(tǒng). - Wikipedia

主流的瀏覽器 如下:

  1. Chrome (引擎: Blink + V8)
  2. Firefox (引擎: Gecko + SpiderMonkey)
  3. Internet Exploere (引擎: Trident + Chakra)
  4. Safari (引擎: Webkit + SquirrelFish)

statcounter

瀏覽器和web技術(shù)的演變(API 等):

最常用的無殼瀏覽器:

瀏覽器怎么工作的

browser-work

瀏覽器優(yōu)化

瀏覽器安全

瀏覽器比較

瀏覽器的發(fā)展

在過去, 前端開發(fā)者會(huì)花費(fèi)大量的時(shí)間讓代碼在不同的瀏覽器中正常工作. 除非你必須寫出兼容老版本瀏覽器的代碼(如: IE6/IE7), 否則跟現(xiàn)在比起來, 這(瀏覽器兼容)在以前是一個(gè)很大的問題. 雖說瀏覽器兼容問題現(xiàn)在仍然存在, 但前端開發(fā)者并不用花費(fèi)很多時(shí)間就能處理這類問題. 而實(shí)際上, 現(xiàn)代抽離出的框架(如: JQuery, pre-processors, transpilers)已經(jīng)廢除了很多瀏覽器不一致問題.

綠色瀏覽器

瀏覽器的最新版本被認(rèn)為是綠色瀏覽器, 也就是說, 瀏覽器會(huì)自動(dòng)更新而不用去提示用戶更新. 瀏覽器的自動(dòng)更新摒棄了老版本瀏覽器進(jìn)程緩慢的問題, 因?yàn)閷τ诶习姹緸g覽器和現(xiàn)代瀏覽器之間的共性的差異化開發(fā)是很復(fù)雜的(如: 新規(guī)范和更新速度).

瀏覽器選擇

現(xiàn)在大多數(shù)前端開發(fā)者使用 Chrome, "Chrome 開發(fā)工具"對開發(fā)者很有用, 然而, 所有瀏覽器都提供了開發(fā)者工具, 所以選擇一個(gè)開發(fā)用的瀏覽器是一個(gè)主觀的問題. 更重要的問題是要了解需要支持哪些瀏覽器, 當(dāng)你在開發(fā)的時(shí)候, 要在每個(gè)瀏覽器中做測試, 但無論選擇哪一款瀏覽器都能完成開發(fā)任務(wù), 我建議使用 Chrome 是因?yàn)?Chrome 開發(fā)工具一直在改進(jìn), 并且包含了更健全地特性.

瀏覽器 Hacks

上一篇:HTML & CSS下一篇:Directed learning