いろいろな情報
最近は情報社会ですね！
このホームページもパソコンだけではなくスマートフォンや タブレット端末とか、、、めちゃくちゃいろいろな機械を通して見ていただいております。
そんなときに、どの端末からでも見やすいように文字の大きさとかテキストの幅とかを調整せねばいけません！
その微調整をするときに私 ITO は下記のいろんな情報を参考にしてました。
今でもしてます！
下の情報は今このページを見ていただいている皆さまのケータイの画面の幅とかの情報が表示されています！
一部サイズ調整にはまったく使用していないものもありますが。。。。
JavaScript で取得
JavaScript で画面のサイズやブラウザの情報などを取得できます。
基本 window. は省略しています。
例えば、画面幅だと window.screen.width で取得できるのですが、最初の window. は省略してもいけるらしいです。
| 項目 | 値 | 取得方法 |
|---|---|---|
| 画面の幅 |
x |
screen.width |
| 画面の高さ |
x |
screen.height |
| ブラウザ画面の幅 |
x |
innerWidth |
| ブラウザ画面の高さ |
x |
innerHeight |
| デバイスピクセル比 |
x |
devicePixelRatio |
| デバイス最大同時タッチ数 |
x |
navigator.maxTouchPoints |
| ブラウザ |
x |
|
| ユーザーエージェント |
x |
navigator.userAgent |
| アプリケーション名 |
x |
navigator.appName (非推奨) |
| アプリケーションの言語 |
x |
navigator.language |
PHP で取得
JavaScript だけでは基本的に IP アドレスやユーザのホスト名などを取得することができないので、PHP を使います。
| 項目 | 値 | 取得方法 |
|---|---|---|
| IPアドレス |
18.223.107.149 |
$_SERVER[“REMOTE_ADDR”] |
| ホスト |
ec2-18-223-107-149.us-east-2.compute.amazonaws.com |
gethostbyaddr($_SERVER[“REMOTE_ADDR”]) |
| ユーザーエージェント |
Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com) |
$_SERVER[“HTTP_USER_AGENT”] |
ユーザーのホスト名を取得するために組込みの gethostbyaddr 関数を使っています。関数の名前の通り ip アドレスからホスト名を逆引きします。
引数に ip アドレスをセットして実行するとその ip アドレスに対応したホスト名が返されます。もしホスト名が取得できなかった場合は引数にセットした ip アドレスをそのまま返す。また、引数の ip アドレスが不適切なときは FALSE を返す。
PHP でもユーザーエージェントの取得はできます。JavaScript で取得したものと同じになっているはずです！
コメント