訪問者ブラウザのポートサイズをJavascriptで検出し、PHP変数に保存

Question

PHPがブラウザのポートサイズを正しく検出できないことはほとんどありませんか？

しかし、それ以来、誰かが私にJavascriptでそれを行い、Javascript変数からそのサイズをPHPの変数に集める方法を教えてくれますか？

よろしくお願いします。同じ質問のある投稿がありましたら申し訳ありません。ありがとうございます。

Answer 1

ビューポートサイズを取得するには、Javascriptを使用する必要があります。 JS Frameworks/Librariesがそのサイズをどのように決定するかを見ることができます（例えば、prototype.jsでは、何かをするgetDimensions関数がありますあなたが欲しい）。グーグルはそれについて多くの結果を得るでしょう（this oneはその結果の例です）

次に、そのサイズをPHPに送信する必要があります。そのために、2つのソリューション：

• 一つは、他のPHPスクリプトを指すURLで、動的に<img>タグを構築することです
• （パラメータとして幅と高さを送る）Ajaxリクエストを使用することですlike 'http://.../size.php?w=WIDTH&h=HEIGHT'
  • 多くの統計ソフトウェア（xiti/google analyticsのようなもの - そのようなものは^^）はそのような方法を使用します。
  第2のケースで

、JSコードは次のようになります。

<script type="text/javascript"> 
    var width = 100; 
    var height = 80; 
    var tag = document.createElement('img'); // Create the tag 
    tag.src = 'http://tests/temp/viewport/size.php?'; 
    tag.src += 'w=' + width; // Pass the size 
    tag.src += '&h=' + height; 
    document.body.appendChild(tag); // Insert the tag into the page 
</script> 

そしてを、size.phpに、あなたは$ _GET [ 'W']と$ _GETを[使用'h']。 注：おそらくサイズからいくつかの有効な画像データを返す必要があります。PHP、「赤十字」画像を取得しないように（透過GIF、サイズは1×1を、例えば、トリックを行います）

Answer 2

私は、これはあなたがjQueryを使ってそれを行うことができる方法だと思います：

VAR viewport_Width = $（ウィンドウ）.width（）;
var viewport_Height = $（ウィンドウ）.height（）;

しかし、この方法はOperaにバグがあります。ここを参照してください：オペラ

http://dev.jquery.com/ticket/3046

使用回避策を。

それから、それをPHPに保存するために（POSTまたはAJAX呼び出しによって）サーバーに送ることができます。

希望に役立ちます。

jQueryのようなライブラリを使用すると、多くの手間とブラウザのハッキングを避けることができます。 真剣に1つを使用することを検討し、最後に多くのサーバー側の問題を解決します。

Answer 3

は、ここで私は（パスカルMARTINさんに基づく）であろうことだ：

<script type="text/javascript"> 
    var tag = document.createElement('img'); // Create the tag 
    tag.src = 'http://path/to/file.php?'; 
    tag.src += 'w=' + document.documentElement.clientWidth; 
    tag.src += '&h=' + document.documentElement.clientHeight; 
    document.body.appendChild(tag); // Insert the tag into the page 
</script> 

私はすべての主要なブラウザ（IE6、IE7、IE8、Firefox 2.x、Firefox 3.x、Opera 9.6x、Safari 3、およびChrome 2.x）でこれをテストしました。