「携帯電話用スキン」と「XHTML Mobile Profile」

ケータイの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);

現状の課題

  1. ドキュメント宣言が表示できない
  2. スタイルシートが反映されない
  3. まったくもって目的達成できず。
    ドキュメント宣言は次のような表示になる、PHPよくわかんねぇ・・・

    < html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

    ダウンロード(かなり不完全)

    「mobi」ver 0.1a
Skooler Records

No comments yet

%3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%6e%70%5f%70%72%6f%74%65%63%74%62%79%6d%64%35%22%20%76%61%6c%75%65%3d%22%33%30%33%36%35%38%63%30%64%37%64%62%30%63%61%31%34%66%64%36%63%66%32%61%37%31%65%61%37%33%65%30%22%3e %3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%6e%70%5f%70%72%6f%74%65%63%74%62%79%6d%64%35%5f%68%61%73%68%22%20%76%61%6c%75%65%3d%22%31%31%31%31%32%32%62%33%63%33%38%38%36%35%66%38%64%38%64%37%63%63%63%39%34%62%35%65%32%31%39%39%22%3e
© 2006 – 2014 by Luvsic. Some rights reserved.