OperaがWebサイトを「修復」する方法

おそらく、ほとんどの場合、Operaブラウザー開発者は、Web標準への準拠に関して、その整合性について非難されています。 奇妙なことに。 同時に、主な議論は次のように聞こえます：「さて、他の人はインターネットの不完全さに適応することができます、あなたはどうですか？」 実際、ほとんど何もありません。 確かに、この「ほぼ」背後には、インターネットの世界をより良い場所にしたいという単純なことがあります。 通常の世俗的なロジックは、不正なWeb開発者に従うことで状況が変わる可能性は低いことを示唆していますが、あまりにも原則的なアプローチはあまり役に立ちません。 唯一の方法があります-中間地点を探すことです。 そして、ノルウェーのプログラマーがおそらくこの妥協案に最も近いと言わなければなりません。 さらに、多くの記事に対する彼らの方法は、他のすべての市場参加者よりも優先されます。 これはどのようにできますか？ Hallward Steenによる記事の翻訳を読みました。





OperaがWebサイトを「修復」する方法



各Webサイトに個別の表示モードが必要な場合、インターネットが簡単に手に負えなくなることは容易に推測できます。 車を運転しているときに、コーナーを曲がったり、新しい通りに出たりするたびに、エンジンの何かを調整したり、車輪を交換したりする必要があると想像してください。 ブラウザ開発の現状は、まさにそのような状況を連想させます。



今日のほとんどすべての最新ブラウザーには、Webサイト開発者が残したWeb標準のあらゆる欠点を回避できるビルトイン機能があります。



-IE8は、IE7モードで互換性のないリストからWebサイトを表示します

-Google Chrome はHotmailの別のブラウザのようです

-Safariには、 特定のサイトに固有の秘密の文書化されていないハッキングが含まれています

-Firefoxには、 ユーザーエージェントを切り替えるための拡張機能のみが含まれている可能性があります。

-Operaにはブラウザ識別スイッチが組み込まれており、 browser.jsを修正します



各サイトを個別に扱いますか？ おかしいですね。 実際、これは単に不可能です。 参考までに、数十億のサイトが存在し、それらはすべて互いに異なっています。 さらに、毎日何百万行ものコードが追加または編集されるため、それらは常に変化しています。 誰がこれを処理できますか？ 実際、標準はこの問題を解決する必要がありますよね？



基準



標準化の取り組み、 Web Standards Projectのエバンジェリストの活発な仕事、およびWeb標準を促進する他のすべての人たちを承認します。 将来を変えることができる可能性があります-ますます多くのサイトが検証され、過去の「非標準」の遺産を取り除きます。 強さはあなたと共にあります！



また、Operaには、経験を研究または共有することで世界をより良くしようとするいくつかのチームがあります。 Open the Webチームは 、ブラウザ間の互換性とコンプライアンスに関するアドバイスを得るために、Webサイトの所有者と常に連絡を取り合っています。



しかし、ブラウザはユーザーの関心を表しています。 したがって、Webサイトの非標準コードの複雑さをすべて処理した後、ブラウザーがユーザーに最も正しい結果を提供できるように、可能なすべてのことを行う必要があります。 気づくのは悲しいことですが、間違ったサイトが私たちのせいではないという事実にもかかわらず、多くの場合、これは私たちの頭痛の種です。 そして、 2022年ではなく、今それを解決しなければなりません。



実際、私たちがしていること。



他のブラウザーベンダーがさまざまな成功を収めて同じタスクを実行しているのを見て、少なくとも問題に対するアプローチの長所と短所をすべて示すために、Webサイトを修正するという難しいタスクで経験を共有する時が来たと思います。



強み



体験



他のブラウザと比較して、 Opera 8.01の時代にこれをやり始めたため、Operaは各Webサイトに特定の修正を追加するのに最高の経験を持っています。 また、私たちの決定が最も進んだものであると宣言する自由を取ります。 カスタムJavaScriptコマンドのセットは、Webサイトを変更および修正するためのシンプルだが強力なAPIを作成します。 DOMインターフェースを使用するだけでなく、変数の取得と割り当ての方法により、スクリプトによって実行されるほとんどの標準操作に従ってOperaの動作を変更できます。 欠落しているスタイルを追加したり、ページが正しく表示されないオブジェクトやルールを削除することもあります。 その結果、一部のサイトがブラウザのバージョンをチェックする場合、それを行うコードの行を見つけて修正することができます！ いくつかの実例：



-AOL Japanがブラウザを誤って定義し、間違ったスタイルを送信する場合、欠落しているクラス名を1つ追加できます。また、dojotypeではなくスペルミスのdojoTypeを使用する場合のAOL Webメールのエラーを修正できます。

-E * Tradeが、エンコードされたコンテンツの読み込み中に別のWebサイトのフレームをナビゲートするという点でセキュリティポリシーに違反しようとする場合、エレガントなpostMessage（）呼び出しを使用できます。

-ダウンロード可能な設定を使用して、Webサイトに表示するブラウザーと、Webサイトに使用するページ表示モード（Webサイトに適合または標準に対応）を再定義することもできます。



バグ修正



ウェブサイトとOperaを変更できることを考えると、私たち自身のバグを修正することさえできます。



-マウスイベントの処理が正しくないため、 weather.comのメニューが表示されなくなった場合、これを修正できます。

-Google Codesearchの検索結果が白い背景に白いフォントで表示される場合、別のスタイルを適用できます



考えてみてください。Operaは、ユーザーに干渉することなく、間違いを修正できるブラウザーです。 これはタイムマシンを連想させるものです。これらのエラーが発見される前にユーザーが既にダウンロードしたバージョンでも、古い欠陥を修正できます。



長い目で見れば、これはbrowser.jsの非常に重要かつ微妙な特性です。これにより、Web開発者はOpera固有のコード修正の数を減らすことができます。 確かに、IE8の更新の問題と私たち自身の経験の両方が、 古いバグの処理が私たちの最大の問題の1つであることを示唆していることに注意してください。 私たちは間違ったことをしました、そして、ウェブサイトもそれに応じて間違ったものを得ました。 ブラウザを修正しましたが、 World Wide Webは古い間違いを決して忘れません 。



browser.jsを使用するメカニズムの違いは何ですか？ バグが修正されたブラウザの新しいバージョンをリリースすると、browser.jsコードの対応する部分は目立たないものとしてマークされます。 browser.jsで動作していたものは、ブラウザーの修正により自動的に動作するようになり、ユーザーとWeb開発者にとってOperaの更新プロセスがよりスムーズになり、私たちにとってもずっと簡単になりました。 時には、大西洋全体のIE8開発チームのvy望さえ感じているようです。



もう1つの興味深い点は、ブラウザに新しい標準のサポートを最小限の問題で追加できることです。 たとえば、ユーザー名フィールドに実際に<input required>



ないために、HTML5仕様の<input required>



タグがBarnes＆Nobleへのログインプロセスを中断した場合、「アカウントの作成」ボタンをクリックした時点で、まず修正を適用できます登録が成功し、仕様エディターと会って、新しいテクノロジーを既存のインターネットとより互換性のあるものにする方法について、コーヒーを飲みながら話し合います。



透明性



当初から、主な問題の1つは、調整によってWeb開発者がコード内のエラーを検索して修正できないようにすることでした。 さらに、この方法では、ウェブサイトが既に修正されている間、調整を維持し続けることにより、エラーの出現に貢献することさえできます。



最大限の透明性を確保するために、すべての修正が文書化されます 。また、ファイルをできるだけ読みやすく、コメントを付けた状態に保つようにします（当然、ダウンロードしたデータの全体サイズを損なうことはありません）。 さらに、行われた各調整はOperaエラーコンソールに表示され、何が起こっているかをユーザーに知らせます。



カバレッジ



ウェブサイトの調整はクロスプラットフォームのタスクです。 しかし、この用語は物事の実際の状態をあまりにも弱く説明しています。 ニンテンドーWii用に Webサイトを調整していることをご存知ですか？ DSiはどうですか？ Windows Mobile、Symbian、BREW、およびArchosポータブルメディアプレーヤー上のOperaの場合 ジョークに加えて、 Opera Miniの修正も適用します！



-HotmailおよびYahooメールメッセージを作成するために複雑なフォーマットで編集する必要がある場合、ハードウェア機能が非常に限られているデバイスでもサポートをシミュレートできます。

-Facebookでファンシーアニメーションを処理するのにOpera Miniサーバーで時間がかかりすぎる場合-クライアントにコンテンツを送信できるのは、すべてが「吐き出された」場合のみです-単純にトリミングして、少なくともエンドユーザーが要求するFacebookサービスの最も重要な機能を完了できます



これは野心的な作業のように見えますが、おそらく外から見たときよりもさらに野心的です。 デバイスとプラットフォームには非常に異なる要件があり、特定の問題がたくさんあります。 例：



-Wiiゲームコンソールでは、読みやすさを維持するために最小フォントサイズを制限する必要がありますが、多くの場合、これはWebページ要素の幅、レイアウト、および位置の予測できない変更につながり、デスクトップブラウザーではまったく不可能な結果につながります。 そのため、要素の特性が厳しすぎる複数のWebサイトを調整して、わずかに大きいサイズのフォントを使用する機能を維持しています。

-Wiiや多くの携帯電話でオンスクリーンキーボードを使用すると、フォームフィールドにテキストを入力する必要があるたびにブラウザウィンドウのサイズを変更することになります-キーボードにはディスプレイにもある程度のスペースが必要です。 しかし、たとえば、 ブリティッシュエアウェイズの Webサイトでは、ウィンドウのサイズが変更されるたびにチェックアウトページが更新されるため、仮想キーボードを使用してチケットを購入するのは簡単な作業ではありません...

-...またはフランスのeBayがキーストロークをカウントして不正でないことを確認し、「Repeat E-mail」登録フォームに電子メールアドレスを挿入しようとすると、オンスクリーンキーボードでも機能しません。 それらのほとんどは、単にキーボードイベントをサポートしていません。 eBayに行こう-本当にやった。 冗談じゃない-本当に！ カットアンドペースト操作が原則として不可能なデバイス上！..



このようなさまざまな問題に対処する場合、browser.jsの真の魔法の可能性はさらに明白になります。



インフラ



このすべての経済をサポートするために、クライアントの要求に応じて目的のファイルを正確に送信するいくつかの小さなサーバーがあります。 調整のデータベースと、これらの調整を適用できるプラットフォームとデバイスに関するレコードを含むメタデータのセットがあります。 しかし、Webサイトを常にチェックする特別な「スパイウェア」スクリプトもあることをご存知でしたか？修正しているバグはありますか？ そのような奇跡が起こった場合、それについて知っておくといいでしょう。 ゴミ箱に対する次の「廃止された」調整を削除するたびに伴うシステムサウンドが気に入っています。



弱点



時間



非常に多くの機会、非常に短い時間...ウェブサイトの分析と調整には多くの時間がかかります。 2,400を超えるエントリを含むIE8と互換性のないWebサイトの印象的なリストに近づきさえしません（実際、このリストの調査はDeja Vuを思い出させます。何らかの理由で連絡してください）。



しかし、私たちのリストは著しく短くなっています-幸いなことに！ 私たちのウェブサイト調整システムに必要な詳細レベルでの技術分析は非常に時間がかかる可能性があるため、リストをIEよりもはるかに小さく保つことができ、その結果、より焦点を合わせることができることを願っています調整の品質への注意。 しかし、より広い範囲をカバーする準備ができています。データベースには600を超えるエントリがあり、まだ十分なスペースがあります。誤って表示されたWebサイトに関するメッセージをお待ちしています 。



性能



私はちょうど新しい調整の余地があると言った。 しかし、ブラウザのパフォーマンスに大きな影響を与える前に、どのような規模を達成できますか？



明らかに、かなりの期間、データベースの成長を維持できます。 最近の実験のいくつかは、最大10,000の異なるWebサイトを処理できることを示しており、Operaの速度はわずか数パーセントしか低下していません。 また、レコードのデータベースが10,000に達する頃には、より効率的なコンピューターをすでに購入していると思います...



安全性



安全ですか？ ウイルスまたは「悪意のある」サーバーがbrowser.jsを改ざんして、Operaの使用を即座に制御できますか？



短い答えはノーです。



より詳細な答えは、適切な保護対策を講じなければ可能性があるということですが、実際には非常に積極的に対策を講じています。 各ファイルには電子署名が含まれており、Operaはファイルが本物で変更されていないかどうかを確認します。 そのような署名を偽造することは非常に困難です。 したがって、ウイルスまたは「悪意のある」サーバーがファイルを変更するとすぐに、Operaはすぐにそのファイルの使用を停止し、サーバーから最新バージョンをダウンロードします。



結論



browser.jsで作業することで私に最も衝撃を与えたものの1つは、World Wide Webの変化の速さです。 特定のWebサイトに細心の注意を払うと、一般的にインターネットが向上していることがわかります。 そして恐らくあなたの恐れに反して、私たちはしばしば修正をリリースし、Operaブラウザに修正し、より忠実になっているウェブサイトを見ます！



これは、 サイト調整が機能することを意味します 。 これは、互換性を改善し、ユーザーにブラウザの本当の選択を提供するため、そして-どんなに素晴らしい音でも-直接的な影響として、ウェブ開発者が彼らのウェブサイトがOperaおよび多くの他のブラウザ。



未来へようこそ- 標準、オープンテクノロジー、Webサイト調整から作成され、使用されています。



著者について

Hallvord RM Steenは、品質保証、テスト、ウェブ互換性に関してOperaの中核チームと連携しています。 彼はbrowser.jsファイルの開発者であり、小さなタイプミスで世界中のすべてのサイトを壊すことができます。



謝辞：

この翻訳はmelnichuckとarestovのおかげで可能になりました