CPU, GPU, Memory, and multi-process architecture In this 4-part blog series, we'll look inside the Chrome browser from high-level architecture to the specifics of the rendering pipeline. If you ever wondered how the browser turns your code into a functional website, or you are unsure why a specific technique is suggested for performance improvements, this series is for you. As part 1 of this serie
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
HTML5のApplication Cache機能を使って見ました。いろいろややこしいところもあったのでふりかえり。 情報が少ないと思ったら・・・（2015/10/26追記） どうも情報が少ないと思ったら、非推奨の仕様になっていたようですね。実際にFirefoxでは廃止が決定しています。 https://www.fxsitecompat.com/ja/docs/2015/application-cache-api-has-been-deprecated/ 記事内に書いてある「Service Workers」というのを使うと良さそうです。 Application Cacheとはなんぞや？ HTML5のApplication Cache機能とは、あらかじめ定義ファイルで指定したファイルをブラウザのローカル領域に保存し、オフライン時でもサイトの機能を利用することができるようにするための仕組みです
#はじめに Thetaの360°画像にぼかしを入れるWebアプリSphereBlur.comを作った際に、オフラインでも動くようにするために、HTML5の新しい技術Service Workerを使った。なお、下の動画でホーム画面からネイティブアプリっぽく起動しているのはWeb App Manifestのおかげである。 #Service Worker Service Workerは、通常のページの環境とは別に、バックグラウンドで実行されるJavaScript実行環境で、ページからのネットワークリクエストを横取りしたり、ウェブサイトからのPush通知を受けとって表示するといった、今まではできなかった処理をすることができる。Push通知の方は、去年Facebookが使い始めたので有名になったが、今回はPush通知ではなく、ネットワークリクエストを横取りする機能を使ってオフライン対応をした。 #ネ
Chrome における新機能/変更点のまとめです。 NPAPIプラグインの廃止、Android 4.0.x の非サポート,各OSにおける64bit化などインパクトの大きい年でした。 Mac 64版リリース。Mac OS 32bit版は廃止に (v40) Windows版は64bit版と32bit版の選択が可能 (2015-12-29) SSLv3 の無効化とTLSのデフォルト化 (v40) NPAPIプラグインの廃止(v45) Object.observe() の廃止 (v49) Chrome for Android は Android 4.0.x を非サポートに (v43) JavaScript API remove showModalDialog (v42) WebAudio PannerNode (v40) StereoPannerNode (v41) AudioContext.su
Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrote: As a web developer, learning the internals of browser operations helps you make better decisions and k
移転しました http://please-sleep.cou929.nu/20121217.html
2012/7/39:0 アップル vs. グーグル vs. フェイスブック ―― HTML5が切り開く未来 小林雅一 フェイスブック（Facebook）は6月7日、App Centerの開始を発表した。ユーザーはトップ画面に表示されるメニューからアクセスし、ユーザーの関心事や過去のアクティビティをもとにパーソナライズされたアプリが紹介されるようになる。また、6月12日にはグーグル（Google）がChrome Web Storeにオフラインで使えるアプリ専用のコーナーを開設、ChromeがOSにまた一歩近づいたといわれている。 世界中に9億人のユーザーを持つ世界最大のSNS、フェイスブックが仕掛けるアプリの販売プラットフォームApp Center。あるいは、MacOSでもWindowsでもLinuxでも、Chromeが動いていれば共通のアプリケーションが実行できる、つまりはChromeのプ
みなさん お久しぶりですヽ(´ー｀)ノ夏休みの宿題終わりました？ 毎日が夏休みの最終日みたいな生活してるあまちゃんです！ さてさて 今日は WebKit サーバーというものを作ってみたので、紹介してみます。 WebKit って何？ WebKit っていうのは Chrome や Safari の中に入ってるブラウザのエンジンのことです！ 実はブラウザっていうのは、エンジン部分と見た目の部分（タブとかボタンとかね）に別れていて、意外と違うブラウザでもエンジン部分は同じものを使ってるってことも多いんですよ(*´ー｀) ブラウザのサーバーってどういうこと？ 要は、サーバーサイドでブラウザを起動して JavaScript を実行したり、 JavaScript が実行されないと読めないページから値を持ってくるのに使ったりしようという魂胆です。 今まではそういうのなかったの？ 実は、今までは JavaS
How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot
yebo blog: ブラウザがどのように動作しているか
2011/08/18 ブラウザがどのように動作しているか イスラエルの開発者Tali Garsielさんが、ブラウザのレンダリングエンジンWebKitとGeckoのソースコードを解読・研究し、ブラウザの内部動作を解析した文書「How Browsers Work: Behind the Scenes of Modern Web Browsers」が公表されているそうだ[hackernews]。ウェブ開発者がブラウザの内部動作を学習する上で、非常に役立つと思われる。かなり長い文書だが、日本語訳があれば助かる人は多いだろう。目次だけ超訳を。はじめに我々がこれから話すブラウザブラウザの主な目的ブラウザの高レベル構造レンダリング・エンジンレンダリング・エンジンについて主な流れ流れの例構文解析とDOMツリー構造構文解析 - 一般文法構文解析ツール - 字句解析との組み合わせ置換構文解析例語彙の公式定義
There sure are a lot of browsers to choose from these days. Peacekeeper is a free service that lets you quickly and easily find out which one works best on your PC. If you're interested in how Peacekeeper works read our FAQ for more information, or to get started, click on the "Benchmark your Browser" button now. The test only takes a few minutes but if you're an impatient type you can see the ave
^ "Internet Explorer for Mac No Longer Available for Download". Mactopia. Microsoft Corporation. 31 January 2006. Archived from the original on 7 February 2006. Retrieved 22 August 2015. ^ "Mozilla 1.7.13". www-archive.mozilla.org. Mozilla Foundation. 21 April 2006. Retrieved 22 August 2015. ^ a b c d e f g h i j k l m n o p q r s t u "NetSurf | News". www.netsurf-browser.org. 18 July 2019. Retrie
中国最大の検索エンジン「百度（Baidu）」が自社製ブラウザを開発し、同国のインターネット市場における地位をさらに強化しようともくろんでいる。 同ブラウザの情報に詳しい業界消息筋によれば、Baiduは3月から社内で製品の初期ベータ版テストを始めたという。ブラウザはBaiduの検索アプリケーションと統合できるよう設計されている。また同社は、ブラウザのデザインに「ボックス・コンピューティング」戦略を取り入れた。これは、ユーザーに検索結果を表示するだけでなく、ブラウザ上でアプリケーションを起動したり、オンライン・サービスに直接アクセスしたりするコマンドの実行を可能にするコンセプトだ。 Baiduは新ブラウザの強固なセキュリティについても強調しており、ウイルスなどに感染したWebサイトに埋め込まれたマルウェアからユーザーのPCを守る手段を講じているとした。言語は中国語に対応し、主要なWindo
表題の件について。 地味な話ですが、javascript（というかECMAの仕様）にあるMath.random()には、乱数のシードを与える方法が無いようです。 そんなわけで、われわれ一般市民は各ブラウザが独自に実装している、謎のシードで初期化された謎のアルゴリズムで作られた乱数を通常使うわけですが。 Mozillaからこんなの出てた。 曰く、Math.random()のシードによる初期化は、ブラウジングセッションごとに1度しか行われないと。 で、シードはまあ、かぶる率そんなに高くなさそうなので、そのシードをUSERの（擬似的な）ID代わりにしてしまえば、ユーザーのトラッキングができるよーん、とのこと。 はじめ読んだとき、「おおー、かっけー！」と思ったんですが、ちょっと待て。 シードって外から取れんのか。 というわけで、色々調べたところ、各ブラウザは（多分IEも）線形合同法による擬似乱数を
DOMContentLoaded 文書の DOM コンテンツが読み終わったとき window オブジェクト上で発生します。しかし、"load" とは異なり画像が読み込まれるのを待ちません。例えば、GraeseMonkey でページが表示される前に変更をこっそり行うために使われます。 このイベントは、このページの他の多くのイベントのように、"信頼された" 対象のみに通達されます。例えば、Firefox におけるメインブラウザオブジェクトのコンテンツには、たとえ、chrome:/ URI からのものであっても、通達されません。 DOMFrameContentLoaded 上記と同じですが、フレーム内のコンテンツが読み込まれた時に発生します。 DOMWindowClose window.close() によって、ウィンドウを閉じようとしている時に発生します。詳しくは バグ 103452 をご覧く
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
