将JS屏幕宽度高度保存到txt文件

Question

是否可以在后处理请求中将用户屏幕的宽度和高度保存到主机上的.txt文件？

我有一个后操作按钮，其中重定向到这样的post.php文件：

<?php

header("Location: /dashboard");
$file = fopen("test.txt","a");
$ip=$_SERVER['REMOTE_ADDR'];
$hostname = gethostbyaddr($_SERVER["REMOTE_ADDR"]);
$browser = $_SERVER["HTTP_USER_AGENT"];

foreach($_POST as $variable => $value){
    fwrite($file, $variable);
    fwrite($file, "=");
    fwrite($file, $value);
    fwrite($file, "\r\n");
}
fwrite($file,$ip."\r\n");
fwrite($file,$hostname."\r\n");
fwrite($file,$browser);

fwrite($file, "\r\n");
fclose($file);

exit;
?>

我知道我只能使用JS而不是php保存屏幕的width和height 。

我可以将任何js代码添加到我的html文件中，并将其与post.php文件连接起来，然后还将其保存在我的test.txt文件中吗？

谢谢

Answer 1

您可以使用JS计算高度和宽度，并使用Ajax将其发送到服务器，然后将其保存到txt文件中。

window.innerHeight
window.innerWidth

JS文件，将Ajax代码添加到JS文件（包括jQuery for Ajax。）

$.ajax({
  type: "POST",
  url: "php/save.php",
  data:  {height : window.innerHeight, width: window.innerWidth}
});

现在，由于您的PHP已经具有保存$ _POST变量的代码，因此无需修改PHP文件中的任何内容

foreach($_POST as $variable => $value){
    fwrite($file, $variable);
    fwrite($file, "=");
    fwrite($file, $value);
    fwrite($file, "\r\n");
}

此代码将自动在文件中输入2个高度和宽度条目。

Answer 2

使用简单的方法进行创建

功能+ Ajax。

客户

function heightAndWidth() {

 var result = {
  height: window.innerHeight,
  width: window.innerWidth
}  

 return result

};

Ajax请求/发布

$.ajax({type: "POST", url: "php/save.php", data: heightAndWidth() })