Javascript 对特定的信息亭计算机使用单独的CSS?
我正试图帮助一个有问题的人,让一个网站在一个触摸屏亭浏览器上显示良好 他们目前有一个网站运行一个定制的CMS驱动的网站,该网站建立在Limition框架之上,对他们很好,并满足他们的需求。然而,他们想做的是通过一个触摸屏亭来扩展这一点,这样公众可以在访问他们的同时查看网站,而不是像往常一样通过互联网 问题是,该网站可以在桌面和移动设备上使用,但尝试使用触摸屏是一项挑战,因为一些文本/链接等非常小。我正在寻找的是一种方法,让一台机器以更有用的方式显示网站 在测试过程中,我一直在开发一个单独的CSS表,它通过使用更加友好的触摸交互解决了一些问题。看起来还可以 我正在努力的是如何让样式表只应用于那台计算机,而不是所有正在连接的人?目前,我已经使用了一些php/javascript来检查请求机器的IP地址,如果它与kiosk的IP地址匹配,那么它会在部分中包含一个指向触摸友好CSS文件的单独链接。这是可行的-但是,我不确定这在“野外”是否实用 它将驻留的internet连接没有静态IP地址,因此我不能保证保持不变。我还能用别的把戏吗?我确实想知道是否匹配主机名,但据我所知,没有办法获取请求计算机的主机名Javascript 对特定的信息亭计算机使用单独的CSS?,javascript,php,html,css,Javascript,Php,Html,Css,我正试图帮助一个有问题的人,让一个网站在一个触摸屏亭浏览器上显示良好 他们目前有一个网站运行一个定制的CMS驱动的网站,该网站建立在Limition框架之上,对他们很好,并满足他们的需求。然而,他们想做的是通过一个触摸屏亭来扩展这一点,这样公众可以在访问他们的同时查看网站,而不是像往常一样通过互联网 问题是,该网站可以在桌面和移动设备上使用,但尝试使用触摸屏是一项挑战,因为一些文本/链接等非常小。我正在寻找的是一种方法,让一台机器以更有用的方式显示网站 在测试过程中,我一直在开发一个单独的CSS
我可以完全访问服务器和信息亭。服务器是一个标准的LAMP设置,Kiosk是一台Windows 8.1机器,带有一个单触摸屏(ELO),运行riro提供的Metro应用程序Kiosk浏览器。由于您能够使用php并访问Kiosk计算机,我将仅为Kiosk使用一个配置文件
//get the contents of the kiosk.txt php file
//you will have to use the path that you saved kiosk.txt to below
$kiosk = file_get_contents("kiosk.txt");
//place a check to see if the kiosk.txt file contains the word kiosk
if(strpos($kiosk,"kiosk") !== false){//begin if then else
//echo the path to your css file to load it for the kiosk specifically
//make sure you replace the href value with correct style sheet path below
echo "<link href='http://pathToYourStyleSheet.css' rel='stylesheet'>"
}
else{
//echo the non kiosk stylesheet
}//end if then else
//获取kiosk.txt php文件的内容
//您必须使用您在下面保存kiosk.txt的路径
$kiosk=文件获取内容(“kiosk.txt”);
//检查kiosk.txt文件是否包含单词kiosk
if(strpos($kiosk,“kiosk”)!==false){//begin if then else
//回显css文件的路径,以便专门为kiosk加载它
//确保用下面正确的样式表路径替换href值
回声“”
}
否则{
//回显非kiosk样式表
}//结束,否则就结束
或者,您可以将一个http get变量传递到索引文件,这可能会更好,因为您是从另一台计算机而不是kiosk提供php服务的
使加载索引文件的快捷方式或链接如下所示:
然后在index.php文件中检查kiosk get变量是否为true
//get the kiosk variable value
$kiosk = $_GET["kiosk"];
//check to see if its true
if($kiosk === "true"){//begin if then else
//echo the path to your css file to load it for the kiosk specifically
//make sure you replace the href value with correct style sheet path below
echo "<link href='http://pathToYourStyleSheet.css' rel='stylesheet'>"
}
else{
//echo the non kiosk stylesheet
}//end if then else
//获取kiosk变量值
$kiosk=$_GET[“kiosk”];
//检查一下它是否正确
if($kiosk==“true”){//beginif然后else
//回显css文件的路径,以便专门为kiosk加载它
//确保用下面正确的样式表路径替换href值
回声“”
}
否则{
//回显非kiosk样式表
}//结束,否则就结束
您是否能够检查从信息亭获取的用户代理标题?这可能会满足您的需要。或者,您可以在正常网站(kiosk.website.com或www.website.com/kiosk/)旁边的另一个名称上为该网站提供服务,并在服务器上使用此名称来确定服务的CSS。