ウェブサイトを iPad/iPhone フレンドリーにしたいクライアントがいます。Web サイトには、フラッシュで作成されたメニュー ヘッダーがあります。Google の Swiffy を使用してファイルを flash_1.html ファイルに変換しました。
Web サイトが iPad/iPhone を検出したら、Swiffy flash_1.html ファイルをロードします。それ以外の場合は、通常どおりサイトをロードする必要があります。
私はこれを行うのに苦労しています。ほとんどの場合、正しい if/else ステートメントを書き、それを機能させています。通常のサイトの onload の BODY タグは、関数に入るため、別のものに変更する必要があることに気付きました。それも私が直面している問題の一種です。
とにかく、ご意見やご協力をいただければ幸いです。XD
これは私がこれまでに持っているものです:
<script type="text/javascript">
if ((navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1)) {
document.location = "mobile/";
$(function{
$("#includedContent").load("flash_1.html");
});
else
通常のサイトのコードは次のようになります。
***注: このテキスト ウィンドウにコードが正しく表示されなかったので、画像にしました。(一番上で切り取られた情報は、スクリプトが画像を preload し、画像を入れ替えるための関数です)