ふと、TumblrのPageでCSSとかJavaScript書いたらどうなるか試してみた。

まぁ案の定Content-Typeがtext/htmlだった。おまけにファイルの頭に「<meta http-equiv=”x-dns-prefetch-control” content=”off”/>」って自動挿入されちゃうから普通に読み込むとSyntax Error。PageのURLに拡張子付けたらうまいことやってくれたりしたら嬉しかったんだけど、世の中そんなに甘くなかった。

でまぁいろいろやってたら上の自動挿入の条件がわかった。「</head>」の直前もしくはファイルの頭に挿入されるっぽい。headタグ省略したらdoctypeより前に挿入されちゃうね。
これをうまく利用すると、自動挿入タグをコメントアウトできる。「/*</head>*/」ってファイルの頭かケツに書いとくといい感じ。

がしかし、Content-Typeの件はどうにもこうにもどうにもならぬ。試しにHTMLに<script src=”…”></script>とか<link rel=”stylesheet” href=”…”>って入れてやってみた(Safari, Chrome, Opera, Firefoxでテスト)ら、JavaScriptのほうは警告は出るけど動いた。CSSはダメだった。どうやらIE以外のブラウザはtext/htmlなCSSはダメみたいね。

というわけで、TumblrのPageでJavaScriptを書いてどっかに「/*</head>*/」って書けばHTMLに読み込んでも警告は出るけど動くというなんとなく気持ちの悪い結末。

追記: これあれね、Pageの種類にカスタムデザイン(Custom layout?)を選んだ場合ね。