信
51rgb
網頁自動跳轉頁面的代碼在很多時候都非常的有用,下面的是兩個簡單的例子。僅供參考。
方案一,用<meta>里直接寫刷新語句:
<html>
<head>
<meta http-equiv="Content-Language" content="zh-CN">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<meta http-equiv="refresh" content="5;url=http://www.51rgb.com">
<title>html網頁自動跳轉代碼--西農大網站</title>
</head>
<body>
測試:html網頁自動跳轉代碼<br/>
你可以在這里寫下你想的一切東西!<br />
如:西北農林科技大學是一所985、211院校。<br />
</body></html>
方案二,用javascript腳本來跳轉
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>正在進入西農大網站</title>
</head>
<body>
<form name=loading>
<p align=center> <font color="#0066ff" size="2">正在進入,請稍等</font><font color="#0066ff" size="2" face="Arial">...</font>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;">
<inputtype=text name=percent size=47 style="color:#0066ff; text-align:center; border-width:medium; border-style:none;">
<script>
var bar=0
var line="||"
var amount="||"
count
function count{
bar=bar+2
amount =amount + line
document.loading.chart.value=amount
document.loading.percent.value=bar+"%"
if (bar<99)
{setTimeout("count",100);}
else
{window.location =http://www.51rgb.com;}
}</script>
</p>
</form><p align="center">
測試:html網頁自動跳轉代碼<br/>
你可以在這里寫下你想的一切東西!<br />
如:西北農林科技大學是一所985、211院校。<br /><br />
如果您的瀏覽器不支持跳轉,<astyle="text-decoration: none" ><font color="#FF0000">請點這里</font></a>.</p>
</body>
</html>
↓↓↓
多網頁都加入了一個雞賊的操作——「打開 App 閱讀全文」。
明明可以一次性把內容展示出來,非得給你隱藏一半,剩下一半需要下載 App 才能看。
要不是隔著一條網線,這種話說到一半的人,真的,應該拖出去揍一頓。
不過好在有關部門已經開始行動了:高度重視,敦促相關企業進行整改。
話音剛落,確實已經有一些網頁進行了優化,看新聞查資料什么的順暢多了。
但是吼,不排除某些廠商比較頑固,不愿意放棄這塊蛋糕,想方設法讓用戶下載 App。
之前說到這個問題的時候,也有不少小伙伴表示需要一些解決方案。
作為一個有求必應的數碼博主,這就給大伙支兩招。
Safari 擴展
如果你是 iPhone 用戶,那這個問題就太好解決了。
因為在 iOS 15 中,蘋果已經為內置瀏覽器 Safari 加入了擴展功能。
通過這些擴展,我們可以實現很多瀏覽器本身不支持的操作,解決展開全文問題可謂信手拈來。
目前,應用商店已經有很多擴展都可以實現這個功能,比如「攔截 100」。
操作步驟非常簡單,看好了。
第一步:在 APP Store 搜索「攔截 100」,安裝。
第二步:在系統設置里找到「Safari 瀏覽器」,然后點擊「擴展」,開啟「攔截 100」并「允許所有網站」。
這樣就算設置好啦。
效果看下圖:同一個網頁,左邊是關閉擴展,右邊是打開擴展。
網頁瀏覽瞬間香了起來有木有!
而且吼,「攔截 100」的三個核心功能是免費的:自動展開全文、攔截跳轉 App、去除網頁 App 橫幅廣告。
(免費使用)
如果你愿意氪金,還可以解鎖腳本、深度去廣告等功能,大家根據自己的需求來就好。
(15 元一年,30 元買斷,其實也不算很貴)
除了「攔截 100」,App Store 還有很多擴展都已經支持自動展開全文,大家可以挑一個自己喜歡的。
對了,想瀏覽所有 Safari 擴展,可以從 App Store 中的「App」-「熱門類別」-「Safari 瀏覽器擴展」進入哦~
安卓這邊,目前還沒有主流的瀏覽器支持擴展插件。
畢竟系統層面還不支持,所以很難形成氣候。
但是,咱們也可以通過一些小眾瀏覽器的腳本功能,實現類似操作,比如 Via 瀏覽器。
瀏覽器腳本
與很多主流瀏覽器不同,Via 瀏覽器內置了腳本功能,可以借助 JavaScript 代碼實現擴展操作。
但問題來了,這玩意咱也不會寫呀,怎么辦呢?
高手在民間,一些開發者自發地貢獻了腳本,甚至還做了網站,實現一鍵安裝。
用戶唯一需要做的,就是點擊安裝。
看下效果,左側是安裝前,一打開網頁就提示跳轉;右側是安裝后,無需點擊即可拉到結尾。
不過,由于這些瀏覽器和腳本都比較小眾,也缺乏有組織的維護,So...可能出現覆蓋不全、失效等情況。
比如說在百度經驗自動展開全文時,就遇到了顯示 Bug,正文還沒完就直接顯示廣告了。
不管怎么說,這些方法都只能從表面上解決問題。
想要完全杜絕,依舊得看這些互聯網大廠。
avaScript 中實現自動檢測用戶是否使用移動設備,并據此跳轉到對應的手機移動網頁,通常可以通過檢查 ?navigator.userAgent?? 屬性來識別用戶代理字符串中包含的設備信息。以下是一個簡單的示例,展示如何基于用戶使用的瀏覽器類型進行判斷并跳轉:
if (/(mobile|android|iphone|ipad|iemobile|windows phone)/i.test(navigator.userAgent)) {
// 如果是移動設備,則跳轉到移動版網站
window.location.href = "http://m.example.com"; // 替換為你的移動版網站地址
}
這段代碼會檢測 ??navigator.userAgent?? 中是否存在典型的移動設備標識符,如果存在,則認為用戶正在使用移動設備,并將頁面重定向到指定的移動版網址。
然而,這種方法并不完全可靠,因為用戶代理字符串是可以被偽造的,并且隨著現代瀏覽器的發展,響應式設計已經更為推薦,可以根據屏幕尺寸而不是設備類型來優化網站布局。
另外,也可以使用更現代的方法如 ??navigator.maxTouchPoints?? 或者媒體查詢 (??window.matchMedia??) 來輔助判斷:
// 檢查觸控點數量以大致推測是否為移動設備
if (navigator.maxTouchPoints > 0 && screen.width < 768) {
window.location.href = "http://m.example.com";
}
// 或者使用媒體查詢結合CSS和JS
if (window.matchMedia("(max-width: 767px)").matches) {
window.location.href = "http://m.example.com";
}
對于復雜的設備檢測和更好的兼容性,可以考慮使用一些專門的庫,比如過去提到的 ??Device.js??,但請注意這個庫可能需要更新以支持最新的設備類型和瀏覽器特性。現在更多的實踐傾向于采用響應式設計而非硬編碼跳轉,除非有特殊需求。
在JavaScript中,如果你想根據用戶的設備(如手機或桌面設備)自動跳轉到不同的網頁,你可以使用??window.location???對象來改變當前頁面的URL。同時,你可以結合??navigator.userAgent??字符串來判斷用戶設備的類型。
下面是一個簡單的示例代碼,演示如何根據用戶設備類型自動跳轉到不同的網頁:
javascript復制代碼
window.onload = function() {
var userAgent = navigator.userAgent || navigator.vendor || window.opera;
// 檢查userAgent字符串中是否包含特定的手機標識
var isMobile = /Mobile|iPhone|iPad|iPod|Android/i.test(userAgent);
if (isMobile) {
// 如果是移動設備,跳轉到移動版網頁
window.location.href = 'https://mobile.example.com';
} else {
// 如果是桌面設備,跳轉到桌面版網頁
window.location.href = 'https://www.example.com';
}
};
這段代碼首先會檢查??userAgent??字符串,看看是否包含任何移動設備的關鍵字。如果找到關鍵字,就認為用戶正在使用移動設備,并自動跳轉到移動版網頁。否則,就認為用戶正在使用桌面設備,并自動跳轉到桌面版網頁。
請注意,這種方法并不是100%準確的,因為用戶代理字符串可以被用戶或某些軟件篡改。但是,對于大多數情況來說,這種方法是足夠有效的。
另外,現代的網站設計通常使用響應式設計(Responsive Design)來適應不同大小的設備和屏幕,而不是簡單地根據設備類型進行重定向。響應式設計可以讓你的網站在各種設備上都有良好的用戶體驗。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。