ブラウザ Archive

[IE] URL に使用可能な文字数は最大 2,083 文字

とあるASPの開発中にIEのみ項目が追加(並べ替え?)できない、というHELPが自分に来た。

確かその処理は、サーバに非同期通信してた気がしたのでソースを調べてみると、prototype.jsにてAjax.Requestしていた。

しかし、そこのメソッドがGETになっていた。

IEで動かないという時にまず思い浮かんだのが、「URL長すぎ」。

Continue reading

透過PNG と IE と IE7　まとめ

IE6以前では透過PNG（背景部分が透けてるPNG）の扱いが不適切なままでおかしな画像になります。
IE7ではある程度直ってるみたいですが。

ソレを回避する為のテクニックが色々ネット上に散らばってたので、まとめて見ました。
まぁいまさらな感はありますが、自分がWebサービスの開発中にこの問題に今頃直面したってことで（^^）

ポイントはIE6のフィルタ機能のAlphaImageLoaderという機能を使うようです。

Continue reading

ブラウザ上にグリッド表示できるブックマークレットが紹介されていました。
画像とか、デザインを調べる時に有ると便利な機能ですね。

ものスゴく便利なグリッド表示用ブックマークレット登場 － (Web担当者Forum)
http://web-tan.forum.impressrd.jp/e/2007/05/21/1373

詳しい使い方は、上記のURLのページに画像付きでのっています。

定番のJavaScriptライブラリprototype.js 、script.aculo.us、
UI部分は Prototype Window Class をうまく使っているみたいです。よく出来ています！
ソースも圧縮していないバージョンも公開されているみたいなので、何か作る時の参考にしようと思います。
Firebug で色々動きを見て参考にしたい所です。

※追記 2007/5/28
このエントリーの記事は内容が古くなっています。後ほど新しい記事を書く予定です。

---

IE6/IE7の動作検証用にMicrosoftが英語版のWindows XP Pro SP2のVirtual PC用イメージを公開しているそうです。

MS、Windows XPのVPCイメージを無料提供――IE 6とIE 7の検証用
http://www.itmedia.co.jp/enterprise/articles/0612/01/news077.html

Download details: IE6 App Compat Test Image
http://www.microsoft.com/downloads/details.aspx?FamilyID=21eabb90-958f-4b64-b5f1-73d0a413c8ef&DisplayLang=en
http://download.microsoft.com/download/b/7/2/b72085ae-0f04-4c6f-9182-bf1ee90f5273/IE6AC_VPC.EXE

無料版のVirtual PC 2004はx64環境にはインストールできないようだし、Virtual Server 2005はx64環境にもつかえるけど、IIS使ったりとかで、 いまいち僕は使いにくいので同じ無料版のVMWare Server, VMWare Playerにて使ってみました。

更に、日本語環境を整えてテスト環境に使う予定です。
メインマシンはXP x64エディションなので時々動かないソフトが有る、かつ、IE７はIE6と同時に動かすにはいろいろ制限があり、まだメイン環境に入れたくないのでネ。

【使い方】

○ イメージの変換

VMware VirtualPC Bochs 98エミュ ハードディスクイメージ変換(convert)ツール
http://www.geocities.co.jp/SiliconValley/2994/tool/nhc.html

上記のマイクロソフトのページでダウンロードできるのはVirtual PC用のイメージなので、NHCという変換ツールで変換して使ってみました。

VMWare Serverを起動して、

File > New > Virtual Machine を選択。

一覧からWindows XP Professional を選んで、新規作成。

NHCを起動してダウンロードしたVirtual PC用のイメージを変換、VMWare Serverのvmdkファイルに上書きでOK！。

○ 起動

VMWareのネットワークとかメモリとか設定を通常通りいろいろ変更して起動。 おぉ！

welcome！ 英語版ですねー。見慣れた画面だと、「ようこそ」のところ。
こっちの方がやっぱかっこいい。

動作させたのが Virtual PCではないせいか、コンバートがいけないのか、起動するとアクティベーションしろとか出てくる。

しかし今のところ問題ないようなので、とりあえず放置で。

初回起動時は自動でSCSIドライバとかディスプレイアダプタのインストールとか始まりますが、
ネットに繋いでいればすべてオートで問題ないようです。

○ VMWareTools

ディスプレイドライバはVMWareToolsにて入れます。
VMWare Serverのメニューから

VM ＞ Install VMWareTools にチェック

自動でセットアップ走らないみたいなので、D:\setup.exe実行します。

但しマウスドライバ入れるとおかしくなるので、customeを選んでマウスドライバは入れないようにして進みます。

正常にインストールできるとホスト←→ゲストでシームレスにマウスが移動できます。

○ インターネットエクスプローラ

検証用ということもあってか、リンクの内容が開発者向けという感じです。
IE Developer Toolbarへのリンクとかもついてます。

○ マイコンピュータ

無事起動するとIEの検証用ということでか、マイコンピュータがどこにもない！
ということでドライブにアクセスする時は、IEを立ち上げてURLのところにC:\とかD:\とか入れてアクセスすればほとんどのことが出来ます。

ちなみにMy Computer、My Documents、Control Panel等々でそれぞれアクセスも出来ます。（普通に英語版WindowsTipsみたいです。）

とりあえず、ショートカット作ってその場しのぎを。

レジストリ等をいじると直せるそうです。時間の有るときにでもやってみるつもりです。

○ Windows Update

インターネットに繋がってると、普通にアップデートできる感じです。とりあえず最新の状態にしておきました。
ここら辺はVMWareの設定次第です。今はNATな設定でつなげてます。

○ 日本語化

とりあえず使ってみたけど、英語版だといまいちな気もするので、以下のサイトを参考に日本語化もしてみようと思います。
まだ試してませんが…。

NihongoPC
http://nihongopc.us/ossettings/xp10.html

英語版 XPで日本語の表示ができるようにする手順
http://homepage3.nifty.com/~nekomata/ie6appcompattest/JapaneselanguageonEnglishXP-1.htm

○ 他のバージョンのIE

古いブラウザを以下のところから入手して検証とかも出来そう(まだ試してない)。
http://browsers.evolt.org/
http://www.misuzilla.org/docs/ie-SxS
http://www.onflow.jp/blog/archives/2005/09/internetexplore.html

○ 参考記事

MS、Windows XPのVPCイメージを無料提供 IEの検証用
http://pc10.2ch.net/test/read.cgi/win/1164981330/

VirtualPC用のXP Proインスト済みイメージファイルを無料でゲット
http://www.new-akiba.com/archives/2006/12/virtualpcxp_pro.html

■[Firefox]ウェブページのスクリーンショットを簡単に撮ることができる Firefox 拡張 - Pearl Crescent Page Saver

http://d.hatena.ne.jp/f99aq/20060614/1150245532

[N] Firefoxでスクリーンショットを撮る機能拡張「ScreenGrab」

それよりも、こっちの方がJava不要でいいですよ。

本家: Pearl Crescent Page Saver

Pearl Crescent Page Saver - Firefox更新情報 Wiki*

昔の記事、ウェブページのスクリーンショットを簡単に撮ることができる Firefox 拡張 - Pearl Crescent Page Saver - ◆F99a.q8oVE::Blog これ、今思えば怪しい記事だ…。しかも、なぜフォントを変えてスクリーンショットを撮ってるのか謎。

ScreenGrab より Pearl Crescent Page Saver の方がよさげなので、こっちにしてみることにしました。

ツールバーのボタンやF12とかにキーを割り当てて、あらま、便利！

Firefoxを究める256のテクニック

Firefox Add-on : Firefox Webサイトの縦長スクリーンショット撮る便利な拡張
http://www.orioa.com/screengrab/

Firefoxでスクリーンショットを撮る機能拡張「ScreenGrab」
http://netafull.net/software/014081.html

ScreenGrab! 0.8 修正版

ScreenGrab

おぉ、これはいいかも！何が便利かって、ブラウザでスクロールしないと見れない部分もきゃぷってくれるそうで。
早速仕事用のマシンにも導入してみるつもりです。
ドキュメント作る時とかって結構この手のって重宝するんですよね(＾＾)

Firefox Hacks―次世代ブラウザ徹底活用テクニック

p o p * p o p / 「今見ているサイトはどこにある？」がわかるFirefox拡張『Shazou』
http://www.popxpop.com/archives/2007/01/firefoxshazou.html

「このサイト、ちょっと怪しくない？」「このサイトってどこの国の人が作っているんだろう・・・？」
そんな疑問がわいたときに使えそうなFirefox拡張をご紹介。

「Shazou」と呼ばれるこの拡張を使えば、今見ているサイトのIPがどこにあるかをマッピングしてくれます。正確にはIPを保持しているプロバイダーの位置をマッピングしてくれているのでかなりざっくりですが、どこの国のどの地域か、ぐらいまではわかります。

≫ Shazou | Firefox Add-ons | Mozilla Corporation

なかなか面白そうなFirefox拡張かも。入れてみよっと（＾＾）

Firefox 乗り換え＆拡張機能ガイド

IT戦記 / ■[javascript] createElement と backgroundColor で IE をクラッシュさせる
http://d.hatena.ne.jp/amachang/20061229/1167351601

またしても IE のバグです

document.createElement(’html’).style.backgroundColor = ‘red’;

たったこれだけで IE が落ちる。 IE6、 IE7 ともに落ちました。

検証用
http://sample.ecmascript.jp/iecrash.html

IE でクリックするとブラウザが落ちます。

試してみました。うーん、ほんとに落ちる、、、どうなってんだかIEは…。

極める! Internet Explorer 7ウルトラテクニック

ネタは以下のところから。

最速インターフェース研究会／CPAN最速検索
http://la.ma.la/blog/diary_200604021538.htm

以下のページをFirefoxで表示してAdd Firefox sidebarをクリック。ブックマーク管理→右クリック、プロパティ→このブックマークをサイドバーに読み込む
http://cpan.ma.la/

Ajaxにてインクルメンタルサーチみたいです。

Firefoxの改造テクニック!―カスタマイズ&拡張機能開発ガイド

ポチッとクリックお願いします！