Top/Webブラウザ

Webブラウザ の変更点

#author("2023-02-26T11:48:20+09:00","default:k1rou","k1rou")
#author("2023-05-27T19:48:49+09:00","default:k1rou","k1rou")
*Webブラウザとは [#m05038fc]
-[[Web]]上の[[Webページ]]（ホームページ）を閲覧するツール。
-Web標準 -モダンブラウザ

*ブラウザの構造 [#bf12e9f8]
-[[UI]]
-ブラウザエンジン
-レンダリングエンジン
-ネットワーキング
-UIバックエンド
-JavaScriptインタプリタ
-データストレージ

*ブラウザの種類 [#z285f100]
**PC版 [#s1164f13]
-[[Chrome]]
-[[Edge]]
-[[Firefox]]
-[[Internet Explorer]]
-[[Opera]]
-[[Safari]]
-[[Microsoft Edge]]
-[[Netscape Navigator]]
-[[Lunascape]]
-[[Sleipni]]
-[[UC Browser]] -中国産
-[[ACRI]] -音声ブラウザ
-[[Flock]] -マッシュアップブラウザ
-[[Brave]]
-[[SRWare Iron]]
-[[Tor]]
-[[Vivaldi]]
-[[Sleipnir]]
-[[Maxthon]]

**スマホ専用 [#zb250de3]
-Smooz

**携帯版フルブラウザ [#pff64249]
***アプリケーション型 [#ced5a15f]
-jigブラウザ
-ibisBrowser
-サイトスニーカー
-Scope

***組み込み型 [#d7fc18b0]
-NetFront
-Opera
-iモードブラウザ

*HTMLレンダリングエンジン [#n859ac19]
-[[WebKit]]
--Safari

-Gecko
--[[Firefox]]

-Blink
--[[Chrome]]
--[[Brave]]

-EdgeHTML
--[[Edge]]

-Trident

*ブラウザ対応 [#m96b8a5b]
**ブラウザディテクション [#y5496765]
-ブラウザの種類を判別する技法
--ユーザエージェント-navigator.userAgent
--ActiveXObject

**クロスブラウザ [#afe1a06b]

**フィーチャー・ディテクション [#lba40025]
-機能を利用できるか判別する技法
--Modernizr

**グレースフル・デグレデーション [#heb6e784]
-新しいブラウザの機能実装を採用
-古いブラウザは最低限の対応
-耐故障設計

**プログレッシブ・エンハンスメント [#d28c9d25]
-最低限の機能を定義する
-定義に則り全てのブラウザに対応できるようにする
-新しいブラウザの新しい機能も拡張的に対応する

**ポリフィル [#tfb55036]
-新しいブラウザを基準
-古いブラウザも技術の限りを尽くして対応する
-ツール
--htnl5siv
--css3pie
--respond

*ブラウザの対応状況 [#jcfd32bd]
-http://www.browserscope.org/

*セーフブラウジング [#tf7b0aab]
-Google~
https://safebrowsing.google.com/

*関連サイト [#z7417872]
-How Browsers Work: Behind the scenes of modern web browsers (2011.8.5)
--https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/

-フロントエンジニアなら知っておきたいブラウザレンダリングの仕組みをわかりやすく解説！ (2019.3.19)
--https://leap-in.com/ja/lets-learn-how-to-browser-works/

-Inside look at modern web browser (2018.9)
--https://developers.google.com/web/updates/2018/09/inside-browser-part1
--https://developers.google.com/web/updates/2018/09/inside-browser-part2
--https://developers.google.com/web/updates/2018/09/inside-browser-part3
--https://developers.google.com/web/updates/2018/09/inside-browser-part4

-PrivacyTests.org~
https://privacytests.org/

*関連用語 [#p2bb8824]
-[[CA/Browser Forum]]
-[[Chromium]]
-[[CSS]]
-[[DOM]]
-[[HTML]]
-[[JavaScript]]
-[[SOP]] -Same Origin Policy -同一生成元ポリシー
-[[URL]]
-[[URI]]
-[[サンドボックス]]
-[[マルチデバイス]]
-[[モバイルコード]]