external via @ichitaso

Welcome to the Underground World

BloggerのRSSフィードで『続きを読む』を設定した場合にモバイルで閲覧した時PCビューとなってしまうのを防ぐ方法

Google BloggerRSSフィード設定

「設定」→「その他」→「サイトフィード」→「ブログ フィードの許可」を『追記の区切りまで』と設定すると、RSSフィード上で、
で区切った部分が『もっと読む »』となりアンカーリンクが作成されます。
設定する場所

実際の表示



iPhoneなどのモバイル閲覧時の問題

ただし、iPhoneなどのモバイル端末からアクセスすると.html#moreというLinkになってしまい、モバイルビューで設定していても、PCビューで表示されてしまいます。
(タイトルをタップした場合はモバイルビューで表示されます)

そこで、以下のJavascriptを用いることで、その問題を解決することが可能です。

<script>
(function() {
if (location.href.match(/\/\d{4}\/\d{2}\/[^.]+\.html\#more/)) {
location.replace(location.pathname);
}
})();
</script>

※<head>タグ内に記述

#moreでアクセスしても元のURLに置き換えるので、モバイルビューで表示できるようになります。