僕らはプールの底を歩き続ける。まるで自分の影とダンスを踊るように。
app.jsを下記の2行にする。（URLは起動したいURLにする。）
Ti.Platform.openURL("http://www.google.co.jp/"); // Googleの場合
Ti.Android.currentActivity.finish(); // ブラウザを起動したらアプリ本体は終了させる
tags: android, image, smart-phone, titanium, web-browser 0 コメント
Firefox以外のモダンブラウザは、標準で装備していた。
| ブラウザ | 調査した バージョン | ログの表示方法 | その他 |
| IE | 8 | ツール ↓ 開発者ツール ↓ 「スクリプト」タブ | IE8以降で搭載。 String型にCASTされて出力される。 （Objectの中身は見られない。） |
| Firefox | 6.0 | アドオンのFirebugを使う | |
| Chrome | 11.0 | ツール ↓ JavaScript コンソール ↓ 「Scripts」タブ | |
| Safari | 5.1 | ページのメニューボタン ↓ 開発 ↓ JavaScriptのデバッグを開始 ↓ 「コンソール」タブ | Windows版で確認。 |
| Opera | 11.50 | Operaボタン ↓ ページ ↓ 開発者用ツール ↓ Opera Dragonfly | バージョン11から搭載。 ObjectやArrayの中身は見られない。 CSS等のエラーとごっちゃに出るので見辛い... |
WebブラウザでPHP等を編集できるオンラインテキストエディタのecoderのセットアップ時の変更箇所のメモ。
前提知識
error_reporting(E_ALL ^ E_NOTICE);
IEでアドレス（URL）欄と更新ボタンの間にある互換表示ボタンをクリックすると、下位バージョンのIEでの表示モードになる。（IE8の場合、IE7での表示になる。ただし厳密に言うと同じではないらしい。ほぼ同じだが。）
で、互換表示にした時に印刷プレビューについても互換表示が適用されるかどうか調べた。
調査に使ったHTML
IE8モード（以上）の場合「IE8」、IE7モード（以下）の場合「IE7」と表示される。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>Which are you?</title>
<!--[if lte IE 7.0]><style> #ie8 { display: none} </style><![endif]-->
<!--[if gte IE 8.0]><style> #ie7 { display: none} </style><![endif]-->
</head>
<body>
<div id="ie7">IE7</div>
<div id="ie8">IE8</div>
</body>
</html>
tags: ie, print, web-browser 0 コメント
WebFontsを読み込む場合のCSSの書き方はブラウザごとに異なるため、こんなsyntaxを使う必要がある。
しかし、Google Font APIで読み込むCSSをではそんな書き方はしていない。
そこで、試しにTangerineのCSSを各ブラウザで読み込んでみて、Google Font APIがどのようにマルチブラウザ対応をしているのか調べてみた。
IE 8
@font-face {URLはIE専用。
font-family: 'Tangerine';
font-style: normal;
font-weight: normal;
src: url('http://themes.googleusercontent.com/font?kit=HGfsyCL5WASpHOFnouG-RPY6323mHUZFJMgTvxaG2iE');
src: local('Tangerine'), url('http://themes.googleusercontent.com/font?kit=HGfsyCL5WASpHOFnouG-RD8E0i7KZn-EPnyo3HZu7kw') format('woff');
}
@font-face {URLはChromeと同じ。
font-family: 'Tangerine';
font-style: normal;
font-weight: normal;
src: local('Tangerine'), url('http://themes.googleusercontent.com/font?kit=HGfsyCL5WASpHOFnouG-RD8E0i7KZn-EPnyo3HZu7kw') format('woff');
}
@media screen {URLはFirefoxと同じ。
@font-face {
font-family: 'Tangerine';
font-style: normal;
font-weight: normal;
src: local('Tangerine'), url('http://themes.googleusercontent.com/font?kit=HGfsyCL5WASpHOFnouG-RD8E0i7KZn-EPnyo3HZu7kw') format('woff');
}
}
@font-face {URLはSafari用（Operaと共通）。アンダーバーで区切ってるのはiPhone用（iOS用？）が別にあったりするためか？
font-family: 'Tangerine';
font-style: normal;
font-weight: normal;
src: local('Tangerine'), url('http://themes.googleusercontent.com/font?kit=HGfsyCL5WASpHOFnouG-RKCWcynf_cDxXwCLxiixG1c') format('truetype');
}
@font-face {URLはSafariと同じ。OperaもTrueType組。
font-family: 'Tangerine';
font-style: normal;
font-weight: normal;
src: local('Tangerine'), url('http://themes.googleusercontent.com/font?kit=HGfsyCL5WASpHOFnouG-RKCWcynf_cDxXwCLxiixG1c') format('truetype');
}
HTML5ではreferrerを送らないという記述ができるらしい。
WebKit nightlies support HTML5 noreferrer link relation.ja – WebKit
これを利用して、Google Chromeでreferrerを送らないようにする拡張があった。
Google Chrome拡張 「noreferrer link」を作りました - awef
これでいよいよFirefoxからChromeに本格乗り換えか？ （でも面倒だなあ．．．）
というわけで2011年もよろしくお願いいたします。
tags: chrome, extensions, html5, network, referer, web-browser 0 コメント
動的にsrc属性の値を変えた時、かつ変更前と変更後のsrc属性の値が同じ場合にonloadが実行されるかどうかが違う。
IE（7）、Firefox（3.5）ではonloadが実行されたが、Safari（4）では実行されなかった。
テスト用コード
<img src="test.jpg" alt="test"
onload="alert('Loaded!')"
onclick="this.src = 'test.jpg'" />
<img src="test.jpg" alt="test"
onload="alert('Loaded!')"
onclick="this.src = 'test2.jpg'" />
tags: image, javascript, onload, safari, web-browser 0 コメント
Google Chrome触ってみた。速い速い。昔のOperaを思い出す。それ以上に速い。
JavaScriptコンソールやHTML解析っぽいのもデフォルトで付いてる。
アプリケーションショートカットもなかなか面白い。htaみたい。社内向けシステムとかで余計な上部メニューを消したい場合なんかにもいいかも。
これでExtensionとは言わないまでもGreaseMonkey（CreamMoneky？）くらいあれば乗り換えるかも．．．。せめてGoogle Customize相当のものがあればなあ。
tags: chrome, google, web-browser 0 コメント
投稿
