2011年10月12日水曜日

モバイルサイトをJSで簡易スマホ対応

これを使えばある程度スマホの表示に近づけられるようです。
半角カナを全角カナへ変換するだけでも結構つかえるのでは?

sparrow.js
http://www.symmetric.co.jp/sparrow/


JSファイルを読み込むだけで利用できる効果

Viewportを自動で挿入し、ケータイサイトがそのままスマートフォンで見れる
スマートフォンだけに適応するCSSを定義
半角カナを全角カナへ変換する
ページ内リンクにスクロールアニメーションを挿入
絵文字を絵文字画像に変換する
STYLE属性中のfont-sizeプロパティの変換(文字サイズの調整)

HTML中の要素にclass属性を埋め込むことで実現できる機能

指定した要素以下を削除
指定した要素以下を別の文字列で置き換える
STYLE属性を無効にし、クラス属性で指定したクラスセレクタを有効にする
スマートフォンIF(リスト)に変更する

0 件のコメント:

コメントを投稿