「はてなブログ」でHTML5のカスタムデータ属性を使ってパソコン、スマホからのアクセスかを見分ける方法 - 攻めは飛車角銀桂守りは金銀三枚

はてなブログでは自分のブログがパソコンからアクセスされたのかスマートフォンからアクセスされたのか簡単にわかる方法があります。 HTML5で利用可能になったカスタムデータ属性「data-*」を参照 自分のブログがパソコンからのアクセスかスマートフォンからのアクセスかを見分けるのには一般的には「CSS メディア クエリ」で切り分けるのが良いのでしょうが、書式が面倒だったりします。 <link rel="stylesheet" media="(max-width: 640px)" href="max-640px.css"> <link rel="stylesheet" media="(min-width: 640px)" href="min-640px.css"> <link rel="stylesheet" media="(orientation: portrait)" href="portr

[psne]

よく使う部分なので、ひとまとめにしたライブラリにしてあります。(Htnpsne.API.htmlTagData で多分取れます。) https://github.com/niyari/hatenablog-modules/blob/master/HtnpsneAPI/Htnpsne.API.ts

[gayou]

うまいことが考えるなぁ。

[shiromatakumi]

なるほど、これは使えそう。

[cyancy]

プロっぽい！と書こうとして、あ、プロだったわ、と。

[smcn616]

とても便利ですね！