2009-08-20 10 views
2

最近、私はいくつかのWeb UI作業を行っており、すべての互換性の問題と予期せぬブラウザ(FF、IE、Safari)の動作に対処するのはイライラしています。ブラウザの仕組みの理解

  • イベント
  • をバブリング作成及び破壊要素
  • 動的
  • ZインデックスIシーク

モーダルと相互作用する(最初に実行されなかった)挙動を有する要素を追加ブラウザーがどのように、なぜそれらがどのように動作するのか、そしてどのように構築されるのかを理解する。ベストプラクティスに関するあらゆるポインタまたはリンク。ありがとう

+0

ウェブは、それが目立たないので、それを理解しようとしないでください。スマートな人々が明日座って言った...どのように私たちが開発し、Webアプリケーションを提供する必要があります、ブラウザは非常に異なって見えるだろう。 – Justin

+0

@Justinだからあなたが言っているのは...ケーキのように、ウェブも嘘ですか? – David

答えて

1

YUIシアターには素晴らしいコンテンツがたくさんあります。 Javascript/DOMの問題については、Crockfordの動画をご覧ください。

YUI Theater

+0

本当に良いビデオ。ありがとう。 – Natkeeran

5

ここでブラウザがどのように機能するかについていくつかの有益なリンク、およびCSS、クロスブラウザの互換性に関するいくつかの情報/ガイドです:

そして、あなたが興味のある特定の事柄についてのいくつかの詳細情報:

+0

ありがとうございます。非常に便利なリンク。 – Natkeeran

1

CSS Resetは狂気を少し飼いならすことができます(「リセットスタイルシートの目標は、デフォルトの線の高さ、余白やフォントサイズのようなもので、ブラウザの不整合を軽減することです見出しのことなど)。

JavaScriptのバブリング、イベント、ビヘイビアの不一致については、フレームワークを使用して痛みを和らげることができます。これらのフレームワークの目標の1つは「一度書いて、どこのブラウザでも実行する」ことです。 JQueryは現在のところ最も人気のあるライブラリです。 Google can help you他のフレームワークを見つける。

+0

CSSリセット。良いアイデアのようだ。それを調べます。 – Natkeeran

2

実際には、プロトタイプまたはJQueryを使用してください。余分な12メガバイト程度は、あなたの開発を大幅に単純化します。

+0

どこから12MBを受け取ったのですか? –

+0

JQueryとそのプラグインを大いに利用しています。それでも、私はz-indexに関連する問題や構文をたくさん得ています。話が進むにつれ、IEなどではなく、FFで動作するかもしれません。 – Natkeeran

+0

どのPrototypejs/JQueryライブラリを使用していますか?スーパードゥーパーはバージョンを最大化(対最小化)しましたか? – David

6

私はhow browsers workの件名に(かなり長い..)夏を持っています。他の参考文献のリソースリストも表示されます。

+0

このhttp://www.html5rocks.com/jp/tutorials/internals/howbrowserswork/をご覧ください。非常に有益! – Manas