「携帯電話用スキン」と「XHTML Mobile Profile」
- 投稿日 : 2007-06-17, 16:17
- 最終更新日時 : 2010-12-21 17:50:33（履歴）
- タグ（Mobile）
- カテゴリ（Nucleus）
- 記し人（luvsic）[PDF]
- 閲覧数（2210）
ケータイのHTMLにもCSSを使い出す季節らしい。
というわけでNucleusで対応させようと、携帯電話向けに表示切替え＆HTMLコード編集をするプラグイン「NP_MobileWithSinglePage」ver1.5系で試しつつ、新しいスキンを書いてみたい。
うーん無理だった。
結構課題が多い、動かない。
使いたいHTMLヘッダのコード
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link type="text/css" rel="stylesheet" href="<%skinfile(mob.css)%>" media="handheld" />
<title><%blogsetting(name)%></title>
</head>
「NP_MobileWithSinglePage」オプション設定
Select mobile skin :
mob
Convert IMG into :
text
Convert Zenkaku-Katakana into Hankaku :
はい
Tags will NOT be removed :
html|head|title|meta|body|h1|h2|h3|h4|h5|h6|form|input|label|textarea|ul|ol|li|br|hr|p|div|table|tr|td|th|img|a|link
※CSS呼び出しタグ用にlinkを足す
Remove attributes :
はい
Remove quotation mark of attributes :
いいえ
※設定が「はい」でも「いいえ」でもクォーテーションが削除されてしまう、原因不明
Attributes will NOT be removed :
id|src|name|href|alt|action|method|enctype|accept|accpept-charset|value|type|for|title|http-equiv|content|scheme|accesskey|xmlns
※ドキュメント宣言用にxmlnsを足す
User-Agents of Mobile :
DoCoMo|UP\.Browser|SoftBank|Vodafone|J-PHONE|MOT|WILLCOM|DDIPOCKET
※参考 URL携帯電話のUser-Agent判別方法メモと注意点（floatingdays）
「NP_MobileWithSinglePage」コード変更
127～128行目のコードを削除
// DOCTYPE宣言やXML宣言の除去
$contents = preg_replace('|<[!?][^>]*?>|is', '', $contents);
現状の課題
- ドキュメント宣言が表示できない
- スタイルシートが反映されない
まったくもって目的達成できず。
ドキュメント宣言は次のような表示になる、PHPよくわかんねぇ･･･
< html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">ダウンロード(かなり不完全)
「mobi」ver 0.1a
No comments yet