iT邦幫忙

0

chrome 查media

chrome有操作可以查詢media的設置嗎,還是只能透過視窗變更,還有手持裝置模式切換去看

看更多先前的討論...收起先前的討論...
dragonH iT邦超人 5 級 ‧ 2019-05-17 15:20:05 檢舉
何謂查詢media的設置?

如果你只是要看layout的變化

做rwd之類的

應該就很夠用了吧
Zaku iT邦新手 3 級 ‧ 2019-05-17 15:30:59 檢舉
不是測自己的rwd,是測別人的rwd...。
dragonH iT邦超人 5 級 ‧ 2019-05-17 15:38:00 檢舉
呃 沒有差別吧

還是你指的是想看他media query 是怎麼寫的
Zaku iT邦新手 3 級 ‧ 2019-05-20 09:35:28 檢舉
恩恩,看他的media query 內容

1 個回答

0
舜~
iT邦高手 1 級 ‧ 2019-05-18 23:46:45

另一個想法,在網址列上輸入javascript來查看

1.javascript: alert(....) : 執行後透過alert看訊息
2.javascript: console.log(...) : 執行後F12看訊息

注意,如果是透過複製的話,前方的javascript會被瀏覽器拿掉,所以javascript字眼只能手打

網頁可見區域寬:document.body.clientWidth
網頁可見區域高:document.body.clientHeight
網頁可見區域寬:document.body.offsetWidth(包括邊線和捲軸的寬)
網頁可見區域高:document.body.offsetHeight(包括邊線的寬)
網頁正文全文寬:document.body.scrollWidth
網頁正文全文高:document.body.scrollHeight
網頁被卷去的高(ff):document.body.scrollTop
網頁被卷去的高(ie):document.documentElement.scrollTop
網頁被卷去的左:document.body.scrollLeft
網頁正文部分上:window.screenTop
網頁正文部分左:window.screenLeft
螢幕解析度的高:window.screen.height
螢幕解析度的寬:window.screen.width
螢幕可用工作區高度:window.screen.availHeight
螢幕可用工作區寬度:window.screen.availWidth
你的螢幕設置是 window.screen.colorDepth(位彩色)
你的螢幕設置 window.screen.deviceXDPI(像素/英寸)


舉例:
javascript :alert(document.body.scrollWidth+'x'+document.body.scrollHeight)
ps.前面javascript字眼需要自己手打

Zaku iT邦新手 3 級 ‧ 2019-05-20 09:36:13 檢舉

大大是說一個一個數值看嗎,太累了XD

舜~ iT邦高手 1 級 ‧ 2019-05-20 09:47:10 檢舉

像我的舉例來說,一次看兩個值;一次要看多個就一次串多個就好了~~

正常本來就是要一個一個細看了。rwd其實真的沒那麼簡單。
不過現在都多數很少人會再去細看處理。大多都是css處理掉了。

我要發表回答

立即登入回答