2008年04月19日
Firefox 3が対応するwidthプロパティの新しい値http://builder.japan.zdnet.com/sp/css-firefox-safari/story/0,3800083423,20371722,00.htm
- widthプロパティの値 横幅の大きさ
2008年03月28日
Safari3.1 win/mac
http://www.apple.com/jp/safari/
Safari関連資料
http://developer.apple.com/jp/internet/safari/
Safari and WebKit Version Information
http://developer.apple.com/internet/safari/uamatrix.html
圧倒的なパフォーマンス
とのことです。
というわけでうちでも独自にテスト
かも日記 の読み込み完了 ベンチマーク
#IE6とfirefox2は、もう...ということがわかりました。それにしても、このcsv2tableは、TRの追記がCSVファイルに行を足すだけだから、超簡単で便利だなぁ、、、＜自画自賛。
#あと、ベンチマークで「最大○倍」という表記は、その値は事実かもしれませんが、真に受けてはいけない、ということもわかります^^;
参考：このベンチマークスクリプトと結果を表示しているテーブルのCSVと読み込み側スクリプト
ベンチマークスクリプト
<!-- ここへベンチ結果が出力されます -->
||<span id="bench"></span>||
<script type="text/javascript">
<!--
var bench= {
start : function(){
this.s = (new Date()).getTime();
},
stop : function(){
this.e = (new Date()).getTime();
},
sa : function(){
this.stop();
return this.e-this.s
}
}
bench.start()
function echoBench(){
if( document.getElementById('bench'))
document.getElementById('bench').innerHTML=bench.sa();
}
if (window.addEventListener) {
window.addEventListener("load", echoBench, false);
} else if (window.attachEvent) {
window.attachEvent("onload", echoBench);
}
//-->
</script>
テーブルのCSV (ベンチマークの結果をここへこつこつ追記^^;;)
ブラウザ,1回目,2回目,3回目,4回目,5回目
IE6,7672,9562,10140,13141,14578
Safari3.1,13812,4235,2516,3625,3406
Firefox2,7625,10000,10438,10156,7438
Firefox3b4,4288,3851,3519,3220,3227
Opera9.5b,4515,3593,4703,3437,3422
読み込み側スクリプト（これはいじらない）
<script src="./jquery.js" type="text/javascript"></script>
<script src="./jquery.csv2table-0.02-b-1.6.js"
charset="utf-8" type="text/javascript"></script>
<script>
$.extend($.csv2table,{
//アイコン指定
loadImg : 'http://jsgt.org/mt/01/icon-loadinfo.gif',
sortDImg : 'http://jsgt.org/mt/01/icon-d.gif',
sortAImg : 'http://jsgt.org/mt/01/icon-a.gif'
})
</script>
<!-- ここへ表が出力されます -->
<div id="view1962"></div>
<script type="text/javascript">
jQuery(function($) {
$('#view1962').csv2table(
//CSVファイルURL
'http://jsgt.org/mt/01/test/bench1.txt',
{
//CSVファイルをロード後の追加処理
//CSVファイルをロード後の追加処理
onload : function(id,op,data,ary){
$('#'+id)
//IEを含む行の背景色
.find('tr:contains(IE)').css('background','#EFFFBC').end()
//Firefoxを含む行の背景色
.find('tr:contains(Firefox)').css('background','#EFFFeC').end()
//Safariを含む行の背景色と文字の太さ
.find('tr:contains(Safari)')
.css('background','#FFEaF2')
.css('font-weight','900').end()
}
}
)
})
</script>
csv2table
2008年03月06日
Internet Explorer 8 Beta 1 (Developer Preview)
http://www.microsoft.com/windows/products/winfamily/ie/ie8/default.mspx
Internet Explorer 8 Beta 1 Whitepapers
http://code.msdn.microsoft.com/ie8whitepapers/Release/ProjectReleases.aspx?ReleaseId=581
ユーザーエージェント採取
User-Agent:Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.0.04506)
メモ
DOM比較
WinIE6とIE8
上記メンバーの抽出に使ったスクリプトは、下記のとおり。http://jsgt.org/mt/01/を開いた状態でアドレスバー上で下記を実行して作ったテキストをCSVファイルで保存し、
csv2table でロードしてテーブル化しています。
javascript:for(i in window)document.write(i+","+window[i]+"<br>")
ソートできると便利ですね＜自画自賛(^^。
で、IE6以後IE8でwindowオブジェクト直下に増えたメンバーは次の通り(IE7は事情によりパス)。
sessionStorage //セッションストレージ
onhashchange //そのまんまonhashchange
maxConnectionsPerServer HTTP1.1サーバに対するコネクション数
maxConnectionsPer1_0Server //HTTP1.0サーバに対するコネクション数
globalStorage //セッションをまたいでデータを格納
XMLHttpRequest //いわずと知れた
XDomainRequest //クロスドメインリクエスト
XDomainRequestかぁ...。どうなのかなぁ。
参考までに、このテーブル出力のコードは次の通りです。
<script src="./js/jquery-1.2.3.min.js"
type="text/javascript"></script>
<script src="./js/jquery.csv2table-0.02-b-1.4.js"
type="text/javascript" charset="utf-8"></script>
<script>
$.extend($.csv2table,{
loadImg : 'http://jsgt.org/lib/jquery/plugin/csv2table/v002/img/icon-loadinfo.gif',
sortDImg : 'http://jsgt.org/lib/jquery/plugin/csv2table/v002/img/icon-d.gif',
sortAImg : 'http://jsgt.org/lib/jquery/plugin/csv2table/v002/img/icon-a.gif'
})
</script>
<input
class = "btn1"
type = "button"
onclick = "
//IE6
$('#view1941ie6').csv2table('http://jsgt.org/mt/01/test/browser/winie6-forin-window.txt',{
orderBy : [[0,'D']],
onload : function(id,op,data,ary){
$('#'+id)
.find('td:odd').css('background','#EFFFBC').end()
.find('tr:even').css('background','#FFE0F2')
}
});
//IE8
$('#view1941ie8').csv2table('http://jsgt.org/mt/01/test/browser/winie8-forin-window.txt',{
orderBy : [[0,'D']],
onload : function(id,op,data,ary){
$('#'+id)
.find('td:odd').css('background','#EFFFBC').end()
.find('tr:even').css('background','#FFE0F2')
}
})"
value = "WinIE6 & WinIE8">
<table border="0"><tr valign="top">
<td><div id="view1941ie6"></div></td>
<td><div id="view1941ie8"></div></td>
<tr></table>
ブラウザ判定と分岐方法など
http://www.microsoft.com/windows/products/winfamily/ie/ie8/readiness/DevelopersExisting.htm
2008年03月04日
2008年03月03日
2008年02月15日
Opera unleashes innovative technology in latest mobile Web browser — Opera Mobile 9.5http://www.opera.com/pressreleases/en/2008/02/05/
2008年02月11日
Windows Internet Explorer 7: 自動更新インストールのお知らせhttp://www.microsoft.com/japan/windows/products/winfamily/ie/au/default.mspx
いつものことですが、もし業務で使っているIE6があったら 、自動更新はとりあえず一時禁止にして、一度別のマシンでその業務でのIE7の動作を確認し、問題が無いことをチェックしてから、新しいIE7へ移行するべきかなと思います。
マイクロソフトは、世界中の事務所で使われているすべてのソフトとの相性を完璧に確認する能力を持っていませんが、万が一壊れても、責任をとってくれるわけでもありません。
自分の業務を守れるのは、自分しかいないわけです。
もし、自分が管理者でなければ、一応念のために、システムの管理者に聞いておくのが良いかも。まぁ、本当に重要な業務のマシンはインターネットに接続していないような気もしますが。そのあたりは、どうなんでしょう。ファイアウォールで止めつつmicrosoftを信頼できるネットワークに入れてるなどなら結構あっさり更新されそう？。
以前にも書いたと思いますが、こういうことがあるので、業務上のインターフェイスやWebアプリなどでブラウザを使う場合は、複数バージョンをひとつのマシンに簡単に共存して置くという選択肢のあるFirefoxやOperaなどのブラウザが向いている気はします。
こんな時、クロスブラウザで冗長に作っておけばどのブラウザへでも退避できるけど、関連付けを変えるのはちょっと怖い？怖くくないように普段から切り替え慣れしておくと良いかも？
#それより、昼時のかも日記の重さをなんとかすべきか^^;;;;;＜やはり、あれは、イントラネットやVANなどで小さなナット ネットワーク向けかなぁ。
masa ( 2008年02月12日 11:11 )
最近、記事を読むまでのスクロールが長くなりましたので、ちょっと、面倒++かも日記…。なんちって。(^_^ゞ
高橋 ( 2008年02月12日 21:18 )
ああ、それは、私も感じてましたf^^;;。上のリンクのどれかを今度少し下へでも移動しようと思います。
2008年01月25日
2007年12月22日
2007年12月15日
2007年11月21日
UserAgent http://jsgt.org/ua/header_view.php?id=550
Firefox 3 Beta 1 Release Noteshttp://www.mozilla.com/en-US/firefox/3.0b1/releasenotes/
Downloading Firefox 3 Beta 1http://www.mozilla.com/en-US/firefox/all-beta.html
2007年11月16日
ページ全体の読み込み完了まで少々お待ちください...
【最近の記事】
