梅問題．教學網

♣梅問題‧教學網【Minwt】♣

Posted: 26 Sep 2016 03:00 PM PDT

　　現在的裝置愈來愈多樣化，光是手機從3吋一直到7吋間不等，更別說是平板或電腦，因此當在設計RWD自適應網頁時，當有區塊跑位或沒套用到，這時就得靠各位設計師的眼力，去辨視出目前裝置的視窗尺寸，或是上網去查詢各裝置的尺寸，但各位是否有發現到，當網路上查到的是裝置的顯示尺寸，而非真實的網頁的呈現像素，有時還得自己除2或除1.5、1.6後，才能得到實際的顯示尺寸。　　想必這這應該是不少的痛，當在電腦上時，還有偵測工具可查看，若是手機或平板，就不像電腦版的瀏覽器，因此沒有當前的顯示尺寸，就比較難以修正，其實要取得各裝置的顯示尺寸並不困難，只需透過簡單的jQuery，立即就可將各裝置的顯示尺寸給秀出來啦!因此身為網設的朋友，也趕快來看看啦!

首先在body中間，加一個div，並將id並命名為show，接著引用jQuery套件後，再加入下方的語法。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.js"></script>
<script>
$(function(){
  var w = $(window).width();
  var h = $(window).height();
  $("#show").html(w+":"+h);
});
</script>

完成後，立即就可看到，各裝置的顯示尺寸啦!雖然iPhone6大家對它的印象應該是760，但實際的顯示尺寸是375像素，就連梅干手邊最小的Sony手機，也有320。
梅問題－jQuery取得各裝置視窗的寬、高

當轉成橫向後，絕對不是剛的數值顛倒過來而已，如此一來當下回跑版時，就更方便找出是那個顯示的尺寸沒設定到啦!
梅問題－jQuery取得各裝置視窗的寬、高

[範例預覽]

「5KPlayer」免JB! 支援AirPlay將iPhone畫面同步到電腦並可錄影

Posted: 26 Sep 2016 03:00 PM PDT

　　先前曾分享透過iTools所提供的AirPlay，將iPhone的畫面同步到電腦裡，如此一來無論是打電動還是看影片，就可在將手機的畫面搬到大螢幕中，整個爽度提升到百分之二百，透過WiFi無線的傳輸，確實比有線來的更方便些，雖然說iTools支援AirPlay，但若投影的影片太大時，則會造成畫面中斷或影音不同步的問題。　　所以梅干今天要來分享一套，不但連線快速，且支援高畫質影音，甚至還可側錄畫面，這對於要錄製遊戲畫面，或是手機操控來說就相當的方便，除此之外這套軟體，還可下載300多個影音平台的影片，更重要的是，該軟體除了免費還支援雙平台，無論是Windows還是MAC皆可使用啦!

5K Player

軟體名稱：5K Player
支援平台：Windows/MAC
軟體下載：https://www.5kplayer.com/index-zh.htm

Step1
將軟體下載並安裝完畢後，雙響開啟軟體。
梅問題－「5KPlayer」免ｊJB!支援AirPlay將iPhone畫面同步到電腦並錄影