ハナモゲラボ / 試行錯誤の実験人生

日々、PCや各種デバイス、楽器等に翻弄されながら電脳の森をさまよう男の日常と様々な実験をさらりと記しております。

携帯で表示させてPCで表示させない。

November 04 2008

あるサイト(PC+携帯サイト)を作っていた時に
「更新1回で済ませたいのでお知らせページをPCと携帯で共用で」
という事がありました。

さて、携帯ではPCサイトはそのまま表示できぬ。
外部CSSで装飾すりゃいーっか、と思ってもDocomoの仕様が・・
(Docomoは外部CSS読み込みができない)
って事は限りなくインラインCSSで装飾した携帯ページを使うしかないか・・
それでも、PCで見たらやっぱり限界があるぞ・・・

そうだ。外部ウィンドウ使って小さく表示させよう。
今ならJavascriptのライブラリがあるのでそれでいけるか!
あ・・・・「閉じる」リンクを作っても携帯では・・・・
んじゃ、携帯用に「トップへ戻る」リンクを追加してっと。
んあああ、でもPCの小さいウィンドウで開いたそのページの
「トップへ戻る」リンクをクリックしてまうとエライ事になるぞっ。

携帯で表示させて、PCで表示させない・・・
携帯で表示させて、PCで表示させない・・・
携帯で表示させて、PCで表示させない・・・

携帯はすべてJavascript非対応だな!

function insertCloseBtn(){document.write
('<a href="javascript:window.close()">閉じる</a>');

こういうjsファイルを書いて、close.jsで保存。
HTMLで

<script type="text/javascript" src="../js/close.js">
コンテンツ~~~~~~~~~
<script type="text/javascript">
<!--
insertCloseBtn();
//-->
</script>
<noscript>
<a href="/mb/index.html">トップページへ</a>
</noscript>

これでスクリプトオンのPCなら「閉じる」だけ表示されて
Javascriptに対応していない携帯電話は「閉じる」がスルーされて
noscriptタグの中身の「トップページへ」が表示される結果になりました。

しかし、携帯電話がJavascriptに対応すると一気にダメになりますが。

※2010/2/5 追記
i-modeブラウザ2.0が2009年5月に発表されてますが
javascript対応となっており、この方法は使えなくなっています。
外部CSSとかPDFにも対応しましたが・・・・
というか、なんでいきなり突出しますかドコモさん・・・・

| Posted in Javascript, Web関連 | Comments (0)

Post a Comment

※メールアドレス、URLは任意入力です。メールアドレスは入力しても公開されません。

« Oct 2017 November 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30