js를 통해 방문자 모니터의 화면 해상도를 결정하고 프롬프트를 제공합니다
먼저 코드 예제를 제공합니다:
]
이 코드의 일반적인 아이디어는 이미지 해상도와 바탕화면 해상도를 비교하여 수정된 이미지가 방문자의 바탕화면으로 직접 사용하기에 적합한지 여부를 판단하는 것입니다. 그 중 fw="1920"과 fh="1200" 뒤의 1920과 1200은 각각 이미지의 너비와 높이 매개변수이며, 이는 PHP 등에서 읽은 실제 이미지의 너비와 높이 매개변수로 대체될 수 있습니다. 예전에는 11행과 12행 이전에 판단을 내리기 위해 if를 사용했습니다. 어제 데스크톱 해상도를 높인 후 두 개의 프롬프트가 표시되는 것을 발견했습니다. 데스크톱 해상도가 이미지 해상도보다 크면 오류가 발생했습니다. 병렬 코드인 경우 else로 변경한 후.
<script>
<!--
fw="1920";fh="1200";
var uw=window.screen.width;
var uh=window.screen.height;
if(fw==uw) {
if(fh==uh){document.write("<span class='green'>完全适合做您的桌面")}
else if(fh<uh){document.write("<span class='red'>不适合做您的桌面")}
else {document.write("<span class='yellow'>裁剪以后适合做您的桌面↘")}
}
else if(fw<uw){document.write("<span class='red'>尺寸略小,不适合做您电脑的桌布")}
else if(fw>uw){
if (fw/fh==uw/uh) {document.write("<span class='green'>适合做您的桌面")}
else {document.write("<span class='yellow'>不完全适合您的分辨率,您可以自己动手裁剪↘")}
}
-->
</script> 또한 원래는 PHP 메서드를 사용하여 이미지 너비와 높이를 전달하려고 했지만 이를 위해서는 get을 사용하여 미리 전달해야 하며, 그렇지 않으면 점프 또는 무한 루프가 발생하므로 당분간은 JS로만 판단할 수 있습니다. 물론 js와 php를 결합하는 방법도 있지만 효과는 그다지 좋지 않습니다.