我在打字稿檔案中有價值
readonly isMobile: boolean = false;
在 cosntructor 中，我要檢查移動或桌面應用程式版本是否適用：
if (window.navigator?.maxTouchPoints > 0) {
this.isMobile = true;
}
在 HTML 檔案中，如果 isMobile 為真，我想顯示/隱藏某些內容，并且一切正常，但是如果我使用的是桌面版本并且我手動調整螢屏大小以變小，isMobile 仍然是假的，我需要去檢查元素>> 選擇移動設備并重新啟動頁面，如果 isMobile 為 true，則將顯示基于內容的頁面，如果我將螢屏大小調整為類似于移動螢屏的大小，可以將 isMobile 值設定為 true 嗎？
uj5u.com熱心網友回復：
在這種情況下，您可以監聽視窗調整大小事件并設定 isMobile 值。
@HostListener('window:resize', ['$event'])
onResize(event) {
// Check window size and do actions..
}
uj5u.com熱心網友回復：
你可以使用這樣的東西：
window.onresize = () => {
let isMobile = false;
console.log('RESIZING ...', window.innerHeight, window.innerWidth);
const mobileWidthThreshold = 375; // For example
if (window.innerWidth <= mobileWidthThreshold) {
isMobile = true;
} else {
isMobile = false;
}
console.log(isMobile);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/398527.html