• 欢迎 游客 您的光临,下载之前请先阅读 积分规则(暂行) 。任何技术问题请在论坛提问,本站定制插件、模板主题售前、售后问题请联系QQ:5916171
资源图标

插件 Browser Detection 瀏覽器檢測 2.0.2

没有下载权限
兼容版本
  1. 2.2
原贴地址
https://xenforo.com/community/resources/browser-detection.7223/
语言
英文 (English)
可透過用戶所使用的瀏覽器做出導向

用法(在模板中)

附加組件注入全局變量$xf.mobileDetect,在調用任何方法以防止升級期間出錯或是否禁用了附加組件之前,檢查是否已設置了該變量。


HTML:
<xf:if is="$xf.mobileDetect && $xf.mobileDetect.isMobile()">
    Is Mobile
<xf:else />
    Not Mobile
</xf:if>

HTML:
<xf:if is="$xf.mobileDetect && $xf.mobileDetect.is('Firefox')">
    Is Firefox
<xf:else />
    Not Firefox
</xf:if>

HTML:
<xf:if is="$xf.mobileDetect && $xf.mobileDetect.is('Chrome')">
    Is Chrome
<xf:else />
    Not Chrome
</xf:if>

(在php中)用法

PHP:
$mobileDetect = \SV\BrowserDetection\Listener::getMobileDetection();
$isMobile = $mobileDetect && $mobileDetect->isMobile() ? "_m1" : "_m0";

XF2.1頁面緩存

與XF2.1 +全頁面緩存的集成移動檢測,添加到config.php中。

PHP:
$config['pageCache']['onSetup'] = function (\XF\PageCache $pageCache) {
    $pageCache->setCacheIdGenerator(function(\XF\Http\Request $request) {
        return \SV\BrowserDetection\CacheHelper::getPageCacheId($request);
    });
};

實際測試後的使用方法說明:
第一步驟:
像安裝插件一樣將壓縮檔內的資料放入你的論壇網頁根目錄資料夾內。

第二步驟:
進入到你的後台,外觀->模版列表->找到你想修改的頁面插入上面示例的代碼。

以下的例子是我想要在首頁做瀏覽器偵測,並用文字顯示是否使用手機訪問論壇網站。
找到你想要插入在頁面的地方並寫進以下範例代碼
2020-10-12_164529.jpg

接著就可以到瀏覽器去查看了

一、使用電腦網頁瀏覽器會呈現的樣子
(註:目前發現如果你使用電腦瀏覽器,只有偵測是不是手機是正常的,而是不是用哪一種瀏覽器訪問的它並沒有辦法正常判斷,但是在手機端可以正常判斷)

2020-10-12_170725.jpg

二、
1.使用手機瀏覽器訪問時 ( 這張圖示使用Chrome瀏覽器訪問 )

顯示使用手機,並且是使用Chrome瀏覽器


Screenshot_20201012-164547.jpg

2.使用手機瀏覽器訪問時 ( 這張圖示使用Firefox瀏覽器訪問 )
顯示使用手機,並且是使用Firefox瀏覽器

Screenshot_20201012-165537.jpg


另外
XF2.1 頁面快取
整合手機端檢測與XF2.1以上版本全頁面緩存,在config.php中加入這個。
但是不加也可以使用的
首先在你的論壇目錄裡面的src裡面可以找到config.php檔,將以下內容貼上進去就可以了
2020-10-12_165712.jpg


最後說明一下目前版本
作者在社區論壇有提到,這個插件它對XF的版本升級沒有直接的影響,也就是說XF2.2.0以上也可以正常使用。

另外,這個插件功能可以用在哪裡
從上面的例子可以知道,你可以使用這個簡單的判斷式,讓從瀏覽器訪問的人可以顯示某些元件,而在手機端訪問的人可以隱藏某些元件。

例如:你希望在手機端隱藏廣告,而在電腦瀏覽器端顯示,那你就可以使用這個插件將它隱藏掉。

其他的使用方法就有待各位的能力去應用了。
像是主題風格能夠由來自不同瀏覽器端或是手機端能夠顯示不同的主題風格?

如果有更多的想法歡迎至討論區聊聊你的看法!
作者
Code2Wolf
下载
6
查看
303
首次发布
最后更新
评分
0.00 星 0 星

来自Code2Wolf的更多资源

  • [TH] BLOK Dark
    风格 [TH] BLOK Dark 2.2.7
    BLOK是一個乾淨的幾何主題,設計為易於使用,易於定製,快速。
  • [TH] UI.X 2 Dark
    风格 [TH] UI.X 2 Dark 2.2.6
    以 Google 的 Material Design 為基礎,暗色系主題風格
  • [TH] ImageOptimizer 圖片優化器
    插件 [TH] ImageOptimizer 圖片優化器 1.2.0
    自動優化任何上傳到您論壇的圖片。 壓縮您的照片以節省儲存空間和頻寬,並改善您網站的載入時間。 圖片優化器支持 Kraken.io,Resmush.it,jpegoptim 和 pngquant。
  • [TH] Tactical
    风格 [TH] Tactical 2.2.6
    熱門遊戲主題風格,有許多流行遊戲的背景圖片。
  • [TH] Covers 封面
    插件 [TH] Covers 封面 1.1.1 Patch Level 3
    允許使用者在整個論壇中設定封面圖片,以自定義他們的體驗,從而保持使用者的參與度。

分享资源

顶部 底部