tabbrowser

fencedframe 要素 (HTML)

[20]iframe 要素よりも結合度の弱いフレーム要素の導入は繰り返し試みられてきました。

概要

[24] いくつかの技術や提案があって、少しずつ要求が違うので、似ているようで違うものができてきています。

[21] プラットフォーム : HTMLHTML をベースにした独自プラットフォーム、 その他のプラットフォーム

[22] HTML とも HTML と関連が深いXML応用とも違うプラットフォームについては、 アプリ内ブラウザーを参照。

[23] 提供目的: 広告埋め込み、 ミニアプリケーションの埋め込み、 外部Webサイトの紹介、 特定ページ表示用Webブラウザー機能提供、 汎用Webブラウザー提供、 など

歴史

前史

フレーム, iframe

<iframe sandbox>

[38] [whatwg] Why won't you let us make our own HTML5 browsers?, , https://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-January/034590.html

browser 要素 (XUL)

[62] Mozilla Suite の全利用者インターフェイスを記述するため使われていた XUL には Webブラウザー閲覧文脈 / viewport 部分を表す browser 要素がありました。

[61] タブ機能を内包した tabbrowser 要素もありました。

[63] XUL は当初 Webページでも利用可能でした。 browsertabbrowser も使えていたのかは不明です。

<iframe mozbrowser> 要素 (HTML)

[80] <iframe> - HTML | MDN ( ( 版)) https://developer.mozilla.org/en-US/docs/HTML/Element/iframe

[37] 693515 - (browser-api) Browser API, https://bugzilla.mozilla.org/show_bug.cgi?id=693515

[46] 1574886 - Delete the <iframe mozbrowser> and browser-element API code, https://bugzilla.mozilla.org/show_bug.cgi?id=1574886

[124] mozBrowserAPI/BrowserAPI.md at master · paulrouget/mozBrowserAPI · GitHub, https://github.com/paulrouget/mozBrowserAPI/blob/master/BrowserAPI.md

browser 要素と webview 要素 (HTML)

[96] MozillaB2G (Firefox OS) のアプリの埋め込みに <iframe mozbrowser> を使っていましたが、 これを browser 要素に切り替えることを、計画しました。

[97] 平成24年3月時点で Mozilla では browser 要素とする計画でした。

[98] これを聞きつけた GoogleChromeアプリ用の Webブラウザー埋め込み機能 Browser PluginMozilla に合わせて browser 要素とすることを平成24年6月に決め7月に実装しました。

[99] 平成24年8月、 Googlebrowserwebview に改称することを Mozilla 側に提案しました。 Mozilla 側も了承しました。

[100] Chromeアプリの機能は webview 要素として世に出ました。

[101] Mozilla では webview 要素を実装したり、 webview 要素HTML への拡張として提案したりする動きがありましたが、 未完に終わりました。


[48] Browser API proposal, https://groups.google.com/g/mozilla.dev.webapi/c/LFuVuUvqT6Q/m/s9cFkFLhSKMJ

[92] 従来の <iframe mozbrowser> から browser への移行の意向が >>48。 他には applicationappwindow のような要素名の提案も。

[45] 738172 - Switch from <iframe mozbrowser> to <webview> (or whatever), https://bugzilla.mozilla.org/show_bug.cgi?id=738172

[93]

After a discussion on dev-webapi, Justin and I came into an agreement that we should move from <iframe mozbrowser> to <browser> for various reasons like semantic and ease of standardization.

The element name might change later if we want to have something generic that would include applications. Unless we end up adding <app>.

[94]

How about <webview>? <browser> seems far too general. To me it implies having an address bar, windows and possibly tabs, bookmarks, etc.

FWIW, Chrome Apps is currently going with <browser> for consistency with Gecko. I've talked informally to the Chrome Apps folk and they are fine with <webview>.

I'm fine with <webviwe> too. I think <browser> is quite confusing too because things in <browser> are actually tabs, and the browser is the frame containing those. <webview> will reduce quite significantly that confusion.

[95]

FWIW, Chrome Apps ended up shipping this as <webview>.

[82] IRC logs: freenode / #whatwg / 20130424 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20130424#l-516

[40] WebAPI/BrowserAPI - MozillaWiki, , https://wiki.mozilla.org/WebAPI/BrowserAPI

[112] >>49 平成24年12月にもなってなぜか旧称の browser での追加。

[31] WebAPI/BrowserAPI/Common Subset - MozillaWiki, , https://wiki.mozilla.org/WebAPI/BrowserAPI/Common_Subset

[113] Metabug for webview (a.k.a mozbrowser iframe) issues / API limitations · Issue #7083 · servo/servo · GitHub, https://github.com/servo/servo/issues/7083

[114] Design the next Browser API / webview spec · Issue #639 · browserhtml/browserhtml · GitHub, https://github.com/browserhtml/browserhtml/issues/639


[73] Browser PluginChromeアプリ等で Webブラウザー機能をプラグインとして埋め込むもの。 >>71

[75] application/browser-pluginapplication/new-browser-plugin 改め新 application/browser-plugin の2世代があった。 >>74

[76] browser 要素Chromeアプリ等で Webブラウザー機能を埋め込むもの。 実装としては JavaScript コードで Browser Plugin を利用するものだった。 >>65 >>66

[91] >>59 browser から webview に改名。 >>59、 変更のコミットが

[111] webview Tag - Google Chrome, , https://sunnyzhou-1024.github.io/chrome-extension-docs/apps/tags/webview.html

[87] webview Tag - NW.js Documentation () http://docs.nwjs.io/en/latest/References/webview%20Tag/

[121] かつての ElectronBrowser Plugin のラッパーである browserplugin 要素 (Chromium ではこれが webview 要素) を影木内に持つ webview 要素を実装していた。 >>120, >>115

[122] 今の実態は影木にただの iframe? >>119

[29] 【Chrome Apps】Packaged AppsでWebコンテンツをロードして表示する #ChromeApps - Qiita, https://qiita.com/moshisora/items/85d5a6e9b595360452f1

[51] A <webview> tag in Chromium | Julie’s blog, https://blogs.igalia.com/jkim/2022/10/18/a-webview-tag-in-chromium/

[103] HTML要素概説
要素名
browser
日付
説明
MozillaB2Gアプリの埋め込みに使っていた iframe (mozbrowser 属性付き) を新設の browser で置き換えることを計画した。 後にこれを知った GoogleChromeアプリWebブラウザー埋め込み機能を browser として実装した。>>127
出典
注釈
  • B2G Firefox OS Mozilla が開発していた、 Gecko を中核とする OS
  • [127] 製品版には至らなかった。
[104] HTML要素概説
要素名
browser
要素名
webview
日付
説明
Googlebrowserwebview と改称することを提案し、 Mozilla も同意した。 その後 Chromeアプリの実装は webview に改められ、一般に利用可能となった。
出典
参照
iframe
[123] HTML要素概説
要素名
browserplugin
要素名
webview
日付
説明
時点で Electronwebview, browserplugin を実装していた。 内部的にのみ使われる想定と思われる browserpluginChromiumwebview にほぼ相当し、 webview はそれを使って実装されていた。
出典
注釈

adview 要素 (HTML)

[125] (2) François Beaufort - Google+ - Chrome Apps Team has started to work on a new HTML tag… ( ( 版)) https://plus.google.com/100132233764003563318/posts/hqHFwvZhbDS

[126] Issue 12463015: Enable <adview> tag for packaged apps. - Code Review ( ( 版)) https://chromiumcodereview.appspot.com/12463015

[25] Implement support for <adview> tag [40965759] - Chromium, https://issues.chromium.org/issues/40965759

[150] Issue 12463015: Enable <adview> tag for packaged apps. - Code Review, https://chromiumcodereview.appspot.com/12463015

[151] Chrome Apps Team has started to work on a new HTML tag named <adview> to embed…, , https://web.archive.org/web/20160803205130/https://plus.google.com/+FrancoisBeaufort/posts/hqHFwvZhbDS

"Chrome Apps Team has started to work on a new HTML tag named \u003cadview\u003e to embed Ads inside Chrome Apps in a separate process which will enforce some separation between ad networks and app code for security and privacy.\n\nIf you wanna test it, you can run last chromium build with these two switches --enable-adview and enable-adview-src-attribute, load an unpacked chrome app with \"adview\" permissions and play around with the \u003cadview\u003e tag.\n\nSource: https://chromiumcodereview.appspot.com/12463015"

[26] HTML要素概説
要素名
adview
日付
説明
ChromiumChromeアプリ用に adview の実装を開始したが、未完成に終わった。 広告のためにプロセスを分離したフレームを提供するものだった。
出典
参照
iframe
注釈

x-ms-webview 要素 (HTML)

[148] What’s new in WebView in Windows 8.1, , https://web.archive.org/web/20130723181415/http://blogs.windows.com/windows/b/appbuilder/archive/2013/07/17/what-s-new-in-webview-in-windows-8-1.aspx

[149] HTML要素概説
要素名
x-ms-webview
日付
説明
Windows 8.1WebViewx-ms-webview を実装した。 入れ子WebView を表す。
参照
iframe
出典
注釈

[89] Windows 8.1 なら HTML + JS で書かれたストアアプリでも WebView が使用できる - ひだまりソケットは壊れない ( ( 版)) http://vividcode.hatenablog.com/entry/win-store-app/windows-8.1-js-webview

[110] appview Tag - Google Chrome, , https://sunnyzhou-1024.github.io/chrome-extension-docs/apps/tags/appview.html

[109] chrome.appviewTag | Platform Apps APIs | Chrome for Developers, , https://developer.chrome.com/docs/apps/reference/appviewTag

[108] HTML要素概説
要素名
appview
日付
説明
Chromiumappview を実装した。 webview と似ているが、 Chromeアプリを埋め込む。
参照
iframe
出典

portal 要素 (HTML)

[10] Proposal for promotable IFRAME, , https://discourse.wicg.io/t/proposal-for-promotable-iframe/2375/

[9] Portals - Google ドキュメント, https://docs.google.com/document/d/1ITizGVUmfFGktOOynHFhx87cnJ__7EXy-4uMpOE0OAg/edit#heading=h.75soqexqhwes

[1] Portals () https://rawgit.com/KenjiBaheux/portals/master/index.html

[2] portals/explainer.md at master · KenjiBaheux/portals () https://github.com/KenjiBaheux/portals/blob/master/explainer.md

[3] Issues · KenjiBaheux/portals () https://github.com/KenjiBaheux/portals/issues

[4] Portals spec · Issue #143 · w3c/strategy () https://github.com/w3c/strategy/issues/143

[7] GitHub - WICG/portals: A proposal for enabling seamless navigations between sites or pages, https://github.com/WICG/portals

[5] portals/explainer.md at master · WICG/portals () https://github.com/WICG/portals/blob/master/explainer.md

[6] 865565 - chromium - Monorail () https://bugs.chromium.org/p/chromium/issues/detail?id=865565

[13] Portals, , https://wicg.github.io/portals/

[8] Implement Portals [40585770] - Chromium, https://issues.chromium.org/issues/40585770

[12] <portal>: The Portal element - HTML: HyperText Markup Language | MDN, , https://developer.mozilla.org/en-US/docs/Web/HTML/Element/portal

[216] HTML要素概説
要素名
portal
日付
説明
Googleportal を提案すると共に Chromium に実装した。 後の fencedframe に当たる。
参照
iframe
出典

[129] XユーザーのYusuke Utsunomiyaさん: 「となりのヤングジャンプでPortalを利用したスムーズなチャプター遷移の実験が取り上げられました❗Soooo smooth…. そしてサイタマがCDSのステージに😍またSXGのトライアルとして日本からY!Jの存在が輝いています✨日本のWeb、たのしいですね🙆 #ChromeDevSummit #ワンパンマン #onepunchman https://t.co/Jf6W1dZcLI」 / X, , https://x.com/uskay/status/1062480777655476224/photo/2

fencedframe 要素 (HTML)

[14] Fenced Frame, , https://wicg.github.io/fenced-frame/

[15] GitHub - WICG/fenced-frame: Proposal for a strong boundary between a page and its embedded content, https://github.com/WICG/fenced-frame

[16] fenced-frame/explainer at master · WICG/fenced-frame · GitHub, https://github.com/WICG/fenced-frame/tree/master/explainer

[17] fenced-frame/explainer/use_cases.md at master · WICG/fenced-frame · GitHub, https://github.com/WICG/fenced-frame/blob/master/explainer/use_cases.md

[18] <fencedframe>: The Fenced Frame element - HTML: HyperText Markup Language | MDN, , https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fencedframe

[19] Fenced Frame API - Web APIs | MDN, , https://developer.mozilla.org/en-US/docs/Web/API/Fenced_frame_API

[11] HTML要素概説
要素名
fencedframe
日付
説明
Googlefencedframe を提案すると共に Chromium に実装した。
参照
iframe
出典

[128] フェンス付きフレームの概要 | Privacy Sandbox | Google for Developers, , https://developers.google.com/privacy-sandbox/private-advertising/fenced-frame?hl=ja

メモ