[B! javascript][ie] manabouのブックマーク

若い世代が知らない2000年代のHTMLコーディングの地獄 - ICS MEDIA

ウェブの黎明期である2000年頃と比べてはるかにHTMLはコーディングしやすくなりました。10〜20年前のHTMLコーディングはどのようなものだったのでしょうか。この記事では、NetscapeとIEのブラウザ戦争に決着がついた後の、IE6が全盛期となった2000年代のウェブサイト制作を振り返ります。懐かさに浸たり、現代のウェブの成り立ちに通じる温故知新な情報として参照ください。テーブルレイアウト / spacer.gif XHTML・CSSが普及するまではテーブルレイアウトが一般的でした。テーブルレイアウトとはtableタグを使い、格子状にレイアウトしていく手法です。テーブルレイアウトは、デザインファイル（Image ReadyやFireworks）から画像を切り出す「スライス機能」と相性のいい方法でした。 <table border="0" cellspacing="0" cellp

manabou 2018/05/18

リンク

Shibuya.js - Test.js LT テスターを支援する仕組みの話 - monjudoh’s diary

お前、誰よ文殊堂といいます BePROUD社員お仕事最近は、JavaScript時々Objective-C 今日のお話自動テストの話はしませんテスターによるテストの話をしますタイミングによって発生したりしなかったりする類のバグってありますよねテスターさんがモンキーテストをやってくれてる時に見つけてくれたりしますでも報告されるのは… 「何をやっているときに」「何が起こったか」つまり、「操作」と「現象」だけです原因箇所を特定するにはプログラマもその操作をなんども繰り返さないといけませんダルい何とかしたい問題の実例 IE(主に6,7)で「操作は中断されました」が出る What Happened to Operation Aborted? – IEBlog HTML解析中にまだ閉じタグまで解析されていない要素(bodyとか)に対して、子要素の追加や削除を行うと「操作は中

manabou 2011/03/11

リンク

IE8の開発ツールを使ってJavaScritptをデバッグする方法 - 小さい頃はエラ呼吸

はじめに IE8にはFirebugのような開発ツールが標準で搭載されていて、これを使うと特別なソフトウェアのインストールなしに、ブラウザ上でJavaScriptのデバッグができるようになります。今日はこの開発ツールの使い方を少しご紹介したいと思います。 IE8の開発ツールを使ってJavaScritptをデバッグする 1.はじめに、IE8でJavaScriptをデバッグしたいページを表示します。 2.F12キーを押して、開発ツールを起動します。あるいは、メニューバーのツール-開発ツールから起動します。 3.スクリプトタブを選択します。 4.スクリプトの実行をストップさせたい箇所の行番号をクリックするかF9キーを押して、ブレークポイントを設定します。 5.デバッグ開始ボタンをクリックします。 6.表示しているページをリロードすると、デバッグが開始され、目的のスクリプトに到達するとスクリプトがス

manabou 2010/06/03

リンク

第2回　完全版：ブラウザとデバッグ環境 | gihyo.jp

こんにちは、太田です。前回はクロスブラウザの入口として、各ブラウザの特徴をまとめつつ、実際にクロスブラウザなコードを紹介しました。今回はクロスブラウザ対策における基本である、各ブラウザ環境の構築について解説したいと思います。前回紹介した通りブラウザにはたくさんの種類・バージョンがあります。それぞれが動作する環境を用意するだけでも、一苦労ではすみません。なるべく少ないマシンで、各バージョンをインストールして、さらにデバッグするための環境作りについて紹介します。なお、Safari以外はWindows環境を想定しています。さらに、特に断りがない限りはWindows XP SP3をベースに解説させていただきます。ご了承ください。各ブラウザのデバッグ環境は近年目覚しいほどの進化を遂げています。統合デバッグ環境の草分けであるFirebugを筆頭に、Safari/Chrome（WebKit）のWeb

manabou 2010/03/30

リンク

IE8での変化点一覧 + 備忘録(その2) - latest log

このエントリは、IE8での変化点一覧 + 備忘録 - latest logの続きです。 IE8モードで、CSS expression が無視される。バグ回避や、max-width などを実装するため必要不可欠だった expression 構文は廃止される。ただし、IE7モードとQuirksモードでは下位互換性のため使用可能。 <style> .title { color: expression((new Date()).getHours() % 2 ? "#B8D4FF":"#F08A00"); } </styl> CSS2.1に準拠するために、ベンダー独自プリフィクス("-ms-")が追加された以下のCSSプロパティには先頭に "-ms-" を追加する必要がある(互換性のためつけなくても動作はするが非推奨)。 -ms-accelerator -ms-background-posit

manabou 2009/06/10

リンク

IE8での変化点一覧 + 備忘録 - latest log

IE8 ではかなりの数のメソッドやプロパティが増えているようです。書き残します。 element.getAttribute について追記しました。 window.toStaticHTML window.toStaticHTML は、XDomainRequest や postMessage で受け取った文字列(HTML)をサニタイズ(消毒)するメソッド。 XHRやJsonで受け取った文字列のサニタイズにもシーンを選べば使えるのだろうか。 onclick等のイベントハンドラ系を潰す。 <div onclick="alert('hoge')">hoge</div> ↓ <div>hoge</div> scriptタグを潰す。 <script>alert("hoge")</script> ↓ 無かったことになる CSS::expressionを潰す img { expression(uuClass