近有需求要實現用一個網址,在手機和電腦上實現不一樣的效果。這種需求最好是使用響應式來實現,但我只有一個頁面有這種需求,寫響應式工作量太大,直接寫2個頁面做個移動端跳轉。
同一個網址,在電腦和手機上展示不一樣的效果
只有當手機打開時才需要跳轉到指定頁面,電腦打開時不用跳轉。這樣同一個鏈接就在電腦端和手機端實現不一樣的展示效果。
試了試下面2個方法:
<meta http-equiv="mobile-agent" content="format=xhtml;url=http://www.XX.com/1.html">
<script type="text/javascript">uaredirect("http://www.XX.com/1.html");</script>
<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="http://www.XX.com/1.html";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>
保存記錄!
家好,我是 網絡系統技藝者,點擊右上方“關注”,每天和大家分享 關于 網絡設備及系統和企業組網 方面干貨。碼字不易,如果您覺得文章還可以,就點贊+關注+收藏吧,也許在以后某個時間能夠用得到。
要使瀏覽器在輸入網址時自動跳轉到 HTTPS,你可以通過幾種方式來實現:
1、使用服務器端重定向:這是最常見的方法。你可以配置服務器,使其在接收到 HTTP 請求時,將請求重定向到對應的 HTTPS 地址。具體實現方式取決于你使用的服務器軟件(例如 Apache、Nginx、IIS 等),可以通過配置文件來完成這個設置。
2、使用 HSTS(HTTP Strict Transport Security):HSTS 是一個安全策略,它告訴瀏覽器在一段時間內強制使用 HTTPS 連接。在服務器響應的 HTTP 頭中包含 HSTS 頭信息,瀏覽器會記住并在指定的時間內自動將 HTTP 請求轉為 HTTPS。但請注意,一旦啟用 HSTS,客戶端瀏覽器將會記住這個設置,即使服務器停止發送 HSTS 頭信息,客戶端仍然會強制使用 HTTPS。因此,在啟用 HSTS 之前,請確保你的網站已經完全支持 HTTPS,并且你愿意承擔由此帶來的長期影響。
3、JavaScript 重定向:雖然不是最佳的,但你也可以使用 JavaScript 在頁面加載時檢測協議,并將頁面重定向到 HTTPS 版本。這種方法不如服務器端重定向或 HSTS 安全可靠,因為它依賴于客戶端瀏覽器執行 JavaScript。在 HTML <head> 標簽中插入如下代碼可以實現簡單的 JavaScript 重定向:
<script>
if (location.protocol !== 'https:') {
location.replace(`https:${location.href.substring(location.protocol.length)}`);
}
</script>
無論選擇哪種方法,始終確保你的網站服務器已正確配置,并且已經在你的網站上使用了有效的 SSL/TLS 證書。
我是“網絡系統技藝者”,系統運維工程師一枚,持續分享【網絡技術+系統運維技術】干貨。碼字不易,如果您覺得文章還可以,就關注+收藏吧,也許在以后某個時間能夠用得到。
TML 使用超連接與網絡上的另一個文檔相連。
幾乎可以在所有的網頁中找到鏈接。點擊鏈接可以從一張頁面跳轉到另一張頁面。
超鏈接可以是一個字,一個詞,或者一組詞,也可以是一幅圖像,可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。
當把鼠標指針移動到網頁中的某個鏈接上時,箭頭會變為一只小手。
我們通過使用 <a> 標簽在 HTML 中創建鏈接。
有兩種使用 <a> 標簽的方式:
鏈接的 HTML 代碼很簡單。它類似這樣:
<a href="url">Link text</a>
href 屬性規定鏈接的目標。
開始標簽和結束標簽之間的文字被作為超級鏈接來顯示。
實例
<a >baidu</a>
上面這行代碼顯示為:baidu
點擊這個超鏈接會把用戶帶到 baidu 的首頁。
提示:"鏈接文本" 不必一定是文本。圖片或其他 HTML 元素都可以成為鏈接。
HTML 鏈接 - target 屬性
使用 Target 屬性,你可以定義被鏈接的文檔在何處顯示。
下面的這行會在新窗口打開文檔:
<a target="_blank">baidu</a>
name 屬性規定錨的名稱。
您可以使用 name 屬性創建 HTML 頁面中的書簽。
書簽不會以任何特殊方式顯示,它對讀者是不可見的。
當使用命名錨時,我們可以創建直接跳至該命名錨(比如頁面中某個小節)的鏈接,這樣使用者就無需不停地滾動頁面來尋找他們需要的信息了。
命名錨的語法:
<a name="label">錨(顯示在頁面上的文本)</a>
提示:錨的名稱可以是任何你喜歡的名字。
提示:可以使用 id 屬性來替代 name 屬性,命名錨同樣有效。
實例
首先,我們在 HTML 文檔中對錨進行命名(創建一個書簽):
<a name="tips">基本的注意事項 - 有用的提示</a>
然后,我們在同一個文檔中創建指向該錨的鏈接:
<a href="#tips">有用的提示</a>
您也可以在其他頁面中創建指向該錨的鏈接:
<a >有用的提示</a>
在上面的代碼中,我們將 # 符號和錨名稱添加到 URL 的末端,就可以直接鏈接到 tips 這個命名錨了。
基本的注意事項 - 有用的提示:
注釋:請始終將正斜杠添加到子文件夾。假如這樣書寫鏈接:,就會向服務器產生兩次 HTTP 請求。這是因為服務器會添加正斜杠到這個地址,然后創建一個新的請求,就像這樣:。
提示:命名錨經常用于在大型文檔開始位置上創建目錄。可以為每個章節賦予一個命名錨,然后把鏈接到這些錨的鏈接放到文檔的上部。如果您經常訪問百度百科,您會發現其中幾乎每個詞條都采用這樣的導航方式。
提示:假如瀏覽器找不到已定義的命名錨,那么就會定位到文檔的頂端。不會有錯誤發生。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。