检测服务器端的视网膜(HD)显示 [英] detect retina (HD) display on the server side

问题描述

我发现了很多有关Retina Display的问题，但是没有一个答案在服务器端.

I found many questions about Retina Display, but none of the answers were on the server side.

我想根据屏幕提供不同的图像，例如(在PHP中):

I would like to deliver a different image according to the screen, ex (in PHP):

if( $is_retina)
    $thumbnail = get_image( $item_photo, 'thumbnail_retina' ) ;
else
    $thumbnail = get_image( $item_photo, 'thumbnail' ) ;

您能看到一种处理这种情况的方法吗?

Can you see a way of dealing with this?

我只能想象在JavaScript中设置Cookie的测试.但是，这需要进行初始交换才能进行设置.任何人都有更好的解决方案吗?

I can only imagine a test in JavaScript, setting a Cookie. However this requires an initial exchange to set it. Anyone have a better solution?

Cookie设置代码:

Cookie setting code:

(function(){
  if( document.cookie.indexOf('device_pixel_ratio') == -1
      && 'devicePixelRatio' in window
      && window.devicePixelRatio == 2 ){

    document.cookie = 'device_pixel_ratio=' + window.devicePixelRatio + ';';
    window.location.reload();
  }
})();

推荐答案

好的，因为目前似乎没有更好的方法，这是我的结合JS，PHP和Cookies的解决方案.

Alright since it seems there's no better way for the moment, here is my solution combining JS, PHP and Cookies.

我希望将来会有更好的答案

I hope there will be better answers in the future

<?php
    if( isset($_COOKIE["device_pixel_ratio"]) ){
        $is_retina = ( $_COOKIE["device_pixel_ratio"] >= 2 );

        if( $is_retina)
            $thumbnail = get_image( $item_photo, 'thumbnail_retina' ) ;
        else
            $thumbnail = get_image( $item_photo, 'thumbnail' ) ;

    }else{
?>
<script language="javascript">
(function(){
  if( document.cookie.indexOf('device_pixel_ratio') == -1
      && 'devicePixelRatio' in window
      && window.devicePixelRatio == 2 ){

    var date = new Date();
    date.setTime( date.getTime() + 3600000 );

    document.cookie = 'device_pixel_ratio=' + window.devicePixelRatio + ';' +  ' expires=' + date.toUTCString() +'; path=/';
    //if cookies are not blocked, reload the page
    if(document.cookie.indexOf('device_pixel_ratio') != -1) {
        window.location.reload();
    }
  }
})();
</script>
<?php } ?>

在function.php中:

in function.php :

add_action( 'init', 'CJG_retina' );

function CJG_retina(){

    global $is_retina;  
    $is_retina = isset( $_COOKIE["device_pixel_ratio"] ) AND $_COOKIE["device_pixel_ratio"] >= 2;
}

然后我可以使用以下GLOBAL:

Then after I can use the following GLOBAL:

global $is_retina;或$GLOBALS['is_retina'];

这篇关于检测服务器端的视网膜(HD)显示的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！