我的網站不適用於小於10英寸的顯示器「我如何確定屏幕的大小以便在分辨率低於10」時阻止訪問網站?謝謝。如何阻止某個屏幕大小的網站?
0
A
回答
1
您無法檢測到用戶的屏幕大小。唯一可能對您可用的(並且可以很容易被欺騙)是以像素爲單位的顯示分辨率。
要僅在您的內容的XYZ px空間超過XYZ空間時應用樣式表,我推薦使用width
media queries。
-1
用於檢查分辨率。
在javascript中:
if(screen.height < 600 || screen.width < 800)
{
// Do something to block. i.e. redirect to specific page
}
5
計算機可以和必須知道的分辨率(像素),它是顯示。然後將此分辨率中的圖像通過電纜發送到另一個實際顯示它的設備。這可能是一個很小的LCD屏幕或一個巨大的投影儀。無論哪種方式,物理屏幕/顯示大小完全獨立於屏幕分辨率。輸出的最終物理尺寸是未知的計算機,尤其是Javascript/CSS。
換句話說:你無法檢測到「10英寸」。
1
你可以用CSS Media Queries來做到這一點,隱藏你的網站的所有內容,並顯示一條消息給被阻止的人。
@media only screen
and (max-width : YOURWIDTHpx) {
/* Styles */
YOUR MESSAGE CONTAINER
}
雖然只顯示對這些人有用的東西而不是將它們全部阻擋在一起是有意義的。
0
用英寸定義的.style.width
創建一個元素,然後測量它是.width
(以像素爲單位)來計算出屏幕的DPI。然後,只需使用the screen
object即可根據需要計算屏幕的對角線尺寸並阻止用戶。
var el = document.createElement("div");
el.style.width = "100in";
document.body.appendChild(el);
var dpi = el.clientWidth/100;
var screenSizeIn = Math.sqrt(screen.width * screen.width +
screen.height * screen.height)/dpi;
console.log("Screen size is " + screenSizeIn + " inches.");
document.body.removeChild(el);
if (screenSizeIn < 10) {
window.location = "/blocked.html";
}
如果設備不知道有多大英寸實際上是(而且很多都沒有),你的運氣了。
相關問題
- 1. 如何阻止某個網站無法暢通無阻?
- 2. 使用java阻止某個網站
- 3. 如何防止在小屏幕上顯示我的網站?
- 4. ASP.Net如何在不同大小的屏幕上修復網站大小
- 5. 在我的網站上阻止某人?
- 6. 阻止重新調整大小的屏幕
- 7. 在大屏幕上修復FireFox與Chrome的網站大小
- 8. 根據屏幕大小阻止腳本執行
- 9. 如何阻止用戶退出屏幕?
- 10. 如何阻止jQuery從屏幕拖出?
- 11. 如何阻止angularJs閃爍屏幕
- 12. 如何阻止角色脫離屏幕?
- 13. 如何阻止屏幕向上移動?
- 14. 如何屏蔽/阻止某些IRQ
- 15. 創建一個網站,可以縮小和放大,無論屏幕大小
- 16. 阻止某些網站訪問某個文件
- 17. 網站有較大的屏幕問題
- 18. 如何阻止某些IP(用戶)訪問我的網站?
- 19. 如何阻止Phonegap iPad加載屏幕縮小?
- 20. 如何與兩個大屏幕和小屏幕
- 21. openlayers3阻止屏幕更新
- 22. 阻止我的屏幕跨屏彈跳
- 23. 如何禁止pdfview縮小pdfview的大小等於屏幕大小
- 24. 檢測iframe中父網站表單的媒體屏幕大小
- 25. 保存某個對象的屏幕截圖在網站上我的網站
- 26. 某些網站如何阻止您離開?
- 27. 如何防止我的asp.net網站被屏幕刮掉?
- 28. 浮動左邊,但在屏幕上的某個點停止調整大小?
- 29. 如何阻止某些設備和某些瀏覽器阻止訪問我的網站?
- 30. 以賬戶屏幕大小顯示Django網站
爲什麼10英寸?你的網站做什麼? – deceze 2012-07-20 11:23:14
10「不是一個分辨率,它只是一個屏幕的大小 – 2012-07-20 11:23:44
我認爲你只能檢測瀏覽器的窗口大小和屏幕分辨率 – 2012-07-20 11:24:50