在iOS設備上顯示不同的內容

這是一個兩部分問題。我有一個網站，其中有一個與用戶查看信息的簡單鏈接，目前我只有我的產品的iOS應用程序版本。我想要做的是，如果用戶要查看iOS設備上的鏈接，我想限制用戶可見的一些信息，鼓勵他們下載iOS應用程序以查看信息，但是如果它們在Android設備我想向用戶顯示所有必要的內容，因爲我們還沒有可用的Android應用程序。我的兩個問題是：在iOS設備上顯示不同的內容

1）是否可以檢測用戶是否在iOS設備上限制他們可以在網頁上查看多少？

2）根據設備向用戶顯示不同的內容是不好的做法嗎？

順便說一下，安全性在這裏不是問題。更具體地說，我有一個事件應用程序，我想隱藏iOS設備網頁上的地址欄，以便他們更可能下載應用程序來查看它，但我不想完全排除Android用戶。這值得我值得嗎？我現在應該忘記Android用戶嗎？

來源

2016-07-20 Zach P

這並不是壞習慣，每個人都顯示不同的內容，因爲你不能在手機設備上適合所有的東西。例如大表。

你不需要javascript這個，你可以用CSS來做到這一點。看看這個例子，並嘗試將其實現到您的代碼。

HTML：

<a href="desktop/link" class="desktop">Link</a> 
<a href="phone/link" class="phone">Link</a>

CSS

.desktop { 
    display: block; 
} 

.phone { 
    display: none; 
} 

@media screen and (max-width: 768px) { 
    .desktop { 
     display: none; 
    } 

    .phone { 
     display: block; 
    } 
}

我使用所謂的媒體查詢，你可以找到更多有關here

這裏做的事情是，瀏覽器在初始渲染，調整大小和旋轉時都會在設備窗口顯示媒體查詢內的規則寬度< = 768px。這些規則將覆蓋以前的規則。

來源

2016-07-20 06:58:21

我最關心的是我如何在iPhone和Android設備上顯示不同的內容。這對於在桌面上顯示不同內容而非移動設備看起來很棒，但是有什麼方法可以檢測到用戶是否在使用iPhone？ –

在iOS設備上顯示不同的內容

回答

相關問題