使用 php 进行可靠的用户浏览器检测

Question

尝试仅使用 PHP 检测用户的浏览器， $_SERVER['HTTP_USER_AGENT'] 是可靠的方法吗？我应该选择 get_browser 函数吗？您认为哪一个可以带来更精确的结果？

如果此方法是实用的，是否建议使用它来输出相关的 CSS 链接，例如：

if(stripos($_SERVER['HTTP_USER_AGENT'],"mozilla")!==false)
   echo '<link type="text/css" href="mozilla.css" />';

我注意到 这个问题，但是我想澄清这是否有利于面向 CSS 的检测。

更新： 一些非常可疑的东西：我在 IE 7 上尝试了 echo $_SERVER['HTTP_USER_AGENT']; ，这就是它的输出：

Mozilla/4.0（兼容；MSIE 7.0； Windows NT 6.0； SLCC1； .NET CLR 2.0.50727；媒体中心电脑5.0； .NET CLR 3.5.30729； .NET CLR 3.0.30618)

Safari 也给出了一些带有“mozilla”的奇怪内容。什么给？

Answer 1

检查此代码，我发现这很有用。不要检查 Mozilla
因为大多数浏览器都使用它作为用户代理字符串

if(strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') !== FALSE)
   echo 'Internet explorer';
 elseif(strpos($_SERVER['HTTP_USER_AGENT'], 'Trident') !== FALSE) //For Supporting IE 11
    echo 'Internet explorer';
 elseif(strpos($_SERVER['HTTP_USER_AGENT'], 'Firefox') !== FALSE)
   echo 'Mozilla Firefox';
 elseif(strpos($_SERVER['HTTP_USER_AGENT'], 'Chrome') !== FALSE)
   echo 'Google Chrome';
 elseif(strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mini') !== FALSE)
   echo "Opera Mini";
 elseif(strpos($_SERVER['HTTP_USER_AGENT'], 'Opera') !== FALSE)
   echo "Opera";
 elseif(strpos($_SERVER['HTTP_USER_AGENT'], 'Safari') !== FALSE)
   echo "Safari";
 else
   echo 'Something else';

Answer 2

使用现有方法（即 get_browser）可能比自己编写一些东西更好，因为它有（更好的）支持并且将更新为新版本。可能还有一些可用的库可以以可靠的方式获取浏览器 ID。

解码 $_SERVER['HTTP_USER_AGENT'] 很困难，因为许多浏览器都有非常相似的数据，并且倾向于（错误）使用它来谋取自己的利益。但如果您确实想解码它们，可以使用此页面上的信息对于所有可用的代理 ID。
此页面还显示您的示例输出确实属于 IE 7。有关代理 id 本身字段的更多信息可以在 此页面，但正如我所说，浏览器已经倾向于将其用于自身利益，并且它可能采用（稍微）其他格式。

Answer 3

用户代理可以被伪造，最好不要依赖于用户代理字符串，如果您只想检测方向，则可以使用 CSS3 媒体查询（您可以探索著名的响应式框架引导程序的 CSS，以检查如何处理使用CSS的方向部分）

这里是一点CSS：

    @media only screen and (max-width: 999px) {
     /* rules that only apply for canvases narrower than 1000px */
    }

    @media only screen and (device-width: 768px) and (orientation: landscape) {
    /* rules for iPad in landscape orientation */
    }

    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /* iPhone, Android rules here */
    }    

阅读更多：关于 CSS 方向检测

或者您可以使用 JavaScript 查找方向：

    // Listen for orientation changes
    window.addEventListener("orientationchange", function() {
        // Announce the new orientation number
        alert(window.orientation);
    }, false);

了解更多信息：关于使用 JavaScript 检测方向JS

最后，如果您真的想使用用户代理字符串，那么这段代码将对您有很大帮助，几乎在每个浏览器上都可以正常工作：

<?php
class BrowserDetection {

    private $_user_agent;
    private $_name;
    private $_version;
    private $_platform;

    private $_basic_browser = array (
       'Trident\/7.0' => 'Internet Explorer 11',
    'Beamrise' => 'Beamrise',
    'Opera' => 'Opera',
    'OPR' => 'Opera',
    'Shiira' => 'Shiira',
    'Chimera' => 'Chimera',
    'Phoenix' => 'Phoenix',
    'Firebird' => 'Firebird',
    'Camino' => 'Camino',
    'Netscape' => 'Netscape',
    'OmniWeb' => 'OmniWeb',
    'Konqueror' => 'Konqueror',
    'icab' => 'iCab',
     'Lynx' => 'Lynx',
    'Links' => 'Links',
    'hotjava' => 'HotJava',
    'amaya' => 'Amaya',
    'IBrowse' => 'IBrowse',
    'iTunes' => 'iTunes',
    'Silk' => 'Silk',
    'Dillo' => 'Dillo', 
    'Maxthon' => 'Maxthon',
    'Arora' => 'Arora',
    'Galeon' => 'Galeon',
    'Iceape' => 'Iceape',
    'Iceweasel' => 'Iceweasel',
    'Midori' => 'Midori',
    'QupZilla' => 'QupZilla',
    'Namoroka' => 'Namoroka',
    'NetSurf' => 'NetSurf',
    'BOLT' => 'BOLT',
    'EudoraWeb' => 'EudoraWeb',
    'shadowfox' => 'ShadowFox',
    'Swiftfox' => 'Swiftfox',
    'Uzbl' => 'Uzbl',
    'UCBrowser' => 'UCBrowser',
    'Kindle' => 'Kindle',
    'wOSBrowser' => 'wOSBrowser',
     'Epiphany' => 'Epiphany', 
    'SeaMonkey' => 'SeaMonkey',
    'Avant Browser' => 'Avant Browser',
    'Firefox' => 'Firefox',
    'Chrome' => 'Google Chrome',
    'MSIE' => 'Internet Explorer',
    'Internet Explorer' => 'Internet Explorer',
     'Safari' => 'Safari',
    'Mozilla' => 'Mozilla'  
    );

     private $_basic_platform = array(
        'windows' => 'Windows', 
     'iPad' => 'iPad', 
      'iPod' => 'iPod', 
    'iPhone' => 'iPhone', 
     'mac' => 'Apple', 
    'android' => 'Android', 
    'linux' => 'Linux',
    'Nokia' => 'Nokia',
     'BlackBerry' => 'BlackBerry',
    'FreeBSD' => 'FreeBSD',
     'OpenBSD' => 'OpenBSD',
    'NetBSD' => 'NetBSD',
     'UNIX' => 'UNIX',
    'DragonFly' => 'DragonFlyBSD',
    'OpenSolaris' => 'OpenSolaris',
    'SunOS' => 'SunOS', 
    'OS\/2' => 'OS/2',
    'BeOS' => 'BeOS',
    'win' => 'Windows',
    'Dillo' => 'Linux',
    'PalmOS' => 'PalmOS',
    'RebelMouse' => 'RebelMouse'   
     ); 

    function __construct($ua = '') {
        if(empty($ua)) {
           $this->_user_agent = (!empty($_SERVER['HTTP_USER_AGENT'])?$_SERVER['HTTP_USER_AGENT']:getenv('HTTP_USER_AGENT'));
        }
        else {
           $this->_user_agent = $ua;
        }
       }

    function detect() {
        $this->detectBrowser();
        $this->detectPlatform();
        return $this;
    }

    function detectBrowser() {
     foreach($this->_basic_browser as $pattern => $name) {
        if( preg_match("/".$pattern."/i",$this->_user_agent, $match)) {
            $this->_name = $name;
             // finally get the correct version number
            $known = array('Version', $pattern, 'other');
            $pattern_version = '#(?<browser>' . join('|', $known).')[/ ]+(?<version>[0-9.|a-zA-Z.]*)#';
            if (!preg_match_all($pattern_version, $this->_user_agent, $matches)) {
                // we have no matching number just continue
            }
            // see how many we have
            $i = count($matches['browser']);
            if ($i != 1) {
                //we will have two since we are not using 'other' argument yet
                //see if version is before or after the name
                if (strripos($this->_user_agent,"Version") < strripos($this->_user_agent,$pattern)){
                    @$this->_version = $matches['version'][0];
                }
                else {
                    @$this->_version = $matches['version'][1];
                }
            }
            else {
                $this->_version = $matches['version'][0];
            }
            break;
        }
       }
   }

    function detectPlatform() {
      foreach($this->_basic_platform as $key => $platform) {
            if (stripos($this->_user_agent, $key) !== false) {
                $this->_platform = $platform;
                break;
            } 
      }
    }

   function getBrowser() {
      if(!empty($this->_name)) {
           return $this->_name;
      }
   }        

   function getVersion() {
       return $this->_version;
    }

    function getPlatform() {
       if(!empty($this->_platform)) {
          return $this->_platform;
       }
    }

    function getUserAgent() {
        return $this->_user_agent;
     }

     function getInfo() {
         return "<strong>Browser Name:</strong> {$this->getBrowser()}<br/>\n" .
        "<strong>Browser Version:</strong> {$this->getVersion()}<br/>\n" .
        "<strong>Browser User Agent String:</strong> {$this->getUserAgent()}<br/>\n" .
        "<strong>Platform:</strong> {$this->getPlatform()}<br/>";
     }
}  

$obj = new BrowserDetection();

echo $obj->detect()->getInfo();

上面的代码几乎在每个浏览器上都适用，我希望它会对您有所帮助。

Answer 4

class Browser { 
    /** 
    Figure out what browser is used, its version and the platform it is 
    running on. 

    The following code was ported in part from JQuery v1.3.1 
    */ 
    public static function detect() { 
        $userAgent = strtolower($_SERVER['HTTP_USER_AGENT']); 

        // Identify the browser. Check Opera and Safari first in case of spoof. Let Google Chrome be identified as Safari. 
        if (preg_match('/opera/', $userAgent)) { 
            $name = 'opera'; 
        } 
        elseif (preg_match('/webkit/', $userAgent)) { 
            $name = 'safari'; 
        } 
        elseif (preg_match('/msie/', $userAgent)) { 
            $name = 'msie'; 
        } 
        elseif (preg_match('/mozilla/', $userAgent) && !preg_match('/compatible/', $userAgent)) { 
            $name = 'mozilla'; 
        } 
        else { 
            $name = 'unrecognized'; 
        } 

        // What version? 
        if (preg_match('/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/', $userAgent, $matches)) { 
            $version = $matches[1]; 
        } 
        else { 
            $version = 'unknown'; 
        } 

        // Running on what platform? 
        if (preg_match('/linux/', $userAgent)) { 
            $platform = 'linux'; 
        } 
        elseif (preg_match('/macintosh|mac os x/', $userAgent)) { 
            $platform = 'mac'; 
        } 
        elseif (preg_match('/windows|win32/', $userAgent)) { 
            $platform = 'windows'; 
        } 
        else { 
            $platform = 'unrecognized'; 
        } 

        return array( 
            'name'      => $name, 
            'version'   => $version, 
            'platform'  => $platform, 
            'userAgent' => $userAgent 
        ); 
    } 
} 


$browser = Browser::detect(); 

Answer 5

if stripos($_SERVER['HTTP_USER_AGENT'],"mozilla")!==false)

这不是一个有用的测试，几乎每个浏览器都将自己标识为 Mozilla。

$_SERVER['HTTP_USER_AGENT'] 可靠吗？

不。

我应该选择 get_browser 函数吗？

不。

服务器端的浏览器嗅探是一场失败的游戏。除了尝试解析 UA 字符串、撒谎的浏览器、模糊的浏览器以及标头根本不存在的可能性等所有问题之外，如果您为不同的浏览器返回不同的页面内容，则必须设置 Vary 标头包含 User-Agent，否则缓存代理可能会将错误的页面版本返回到错误的浏览器。

但是，如果您添加 Vary: User-Agent IE 损坏的缓存代码就会变得混乱，并且每次都会重新加载页面。所以你赢不了。

如果您必须进行浏览器嗅探，则可以在客户端使用 JavaScript 进行操作，特别是在 IE 的情况下，使用条件注释。幸运的是 IE 支持条件注释，因为这是您经常需要解决方法的浏览器。 （有关最常见的策略，请参阅 scunliffe 的答案。）

Answer 6

我注意到，真正的浏览器名称总是在最后一个 （括号） 之后，但 IE 除外，在最后一个 （括号） 之后没有浏览器名称。我想知道仅在最后一个 ) 之后阅读是否可以提高准确性。

您可能会在不同的用户代理中注意到这一点：

Google Chrome

< a href="https://www.whatismybrowser.com/guides/the-latest-user-agent/safari" rel="nofollow noreferrer">Safari

Firefox

边缘

IE（括号后未定义浏览器的例外）

示例：

$userBrowser = (!empty($_SERVER['HTTP_USER_AGENT'])?$_SERVER['HTTP_USER_AGENT']:getenv('HTTP_USER_AGENT'));
$userBrowser = explode(')', $userBrowser);
$userBrowser = $userBrowser[count($userBrowser)-1];

echo $userBrowser; //this has many inaccurate browsers stripped out

完整功能：

function getUserBrowser(){
  $fullUserBrowser = (!empty($_SERVER['HTTP_USER_AGENT'])? 
  $_SERVER['HTTP_USER_AGENT']:getenv('HTTP_USER_AGENT'));
  $userBrowser = explode(')', $fullUserBrowser);
  $userBrowser = $userBrowser[count($userBrowser)-1];

  if((!$userBrowser || $userBrowser === '' || $userBrowser === ' ' || strpos($userBrowser, 'like Gecko') === 1) && strpos($fullUserBrowser, 'Windows') !== false){
    return 'Internet-Explorer';
  }else if((strpos($userBrowser, 'Edge/') !== false || strpos($userBrowser, 'Edg/') !== false) && strpos($fullUserBrowser, 'Windows') !== false){
    return 'Microsoft-Edge';
  }else if(strpos($userBrowser, 'Chrome/') === 1 || strpos($userBrowser, 'CriOS/') === 1){
    return 'Google-Chrome';
  }else if(strpos($userBrowser, 'Firefox/') !== false || strpos($userBrowser, 'FxiOS/') !== false){
    return 'Mozilla-Firefox';
  }else if(strpos($userBrowser, 'Safari/') !== false && strpos($fullUserBrowser, 'Mac') !== false){
    return 'Safari';
  }else if(strpos($userBrowser, 'OPR/') !== false && strpos($fullUserBrowser, 'Opera Mini') !== false){
    return 'Opera-Mini';
  }else if(strpos($userBrowser, 'OPR/') !== false){
    return 'Opera';
  }
  return false;
}

echo 'browser detect: '.getUserBrowser();

我还在 chrome、edge 和 firefox Developer 上对此进行了测试，并且运行准确。 （虽然我还没有测试过这些浏览器的旧版本）

Answer 7

我发现的大多数 PHP 包似乎都相当不错，但我找不到一个能提供我所需一切的好包，因此我构建了一个 Laravel 帮助器来组合其中的 3 个。

这里是软件包：

jenssegers/agent

whichbrowser/parser

cbschuld/browser.php

这是我的函数：

function browser($userAgent)
{
    $agent = new \Jenssegers\Agent\Agent();
    $agent->setUserAgent($userAgent);

    $result = new \WhichBrowser\Parser($userAgent);

    $browser = new \Browser($userAgent);

    return new class($agent, $result, $browser)
    {
        public function __construct($agent, $result, $browser)
        {
            $this->agent = $agent;
            $this->result = $result;
            $this->browser = $browser;
        }
        public function device()
        {
            return $this->agent->device() ?: $this->result->device->toString() ?: $this->browser->getPlatform();
        }
        public function browser()
        {
            return $this->agent->browser() ?: $this->result->browser->name ?: $this->browser->getBrowser();
        }
        public function platform()
        {
            return $this->agent->platform() ?: $this->result->os->name ?: $this->browser->getPlatform();
        }
        public function isMobile()
        {
            return $this->agent->isPhone() ?: $this->result->isType('mobile') ?: $this->browser->isMobile();
        }
        public function isTablet()
        {
            return $this->result->isType('tablet') ?: $this->browser->isTablet();
        }
        public function isDesktop()
        {
            return $this->agent->isDesktop() ?: $this->result->isType('desktop') ?: (! $this->browser->isMobile() && ! $this->browser->isTablet());
        }
        public function isRobot()
        {
            return $this->agent->isRobot() ?: $this->browser->isRobot();
        }
    };

下面是如何使用它：

$browser = browser($userAgent);

$browser->device();
$browser->platform();
$browser->browser();
$browser->isMobile();
$browser->isTablet();
$browser->isDesktop();
$browser->isRobot();

Answer 8

旧帖子仍然出现在谷歌中。 get_browser() 是最好的解决方案，但编辑 php.ini 可能是不可能的。根据这篇文章你不能ini_set browscap 属性。那么还剩下什么呢？ phpbrowscap 似乎可以完成工作。该文档不是很好，所以如果您不希望它自动更新（默认为打开），那么您需要设置

$bc->updateMethod = phpbrowscap\Browscap::UPDATE_LOCAL;
$bc->localFile = __DIR__ . "/php_browscap.ini";

Answer 9

我认为依赖 userAgent 有点弱，因为它经常被伪造。

如果您只想为 IE 提供 CSS，请使用条件注释。

<link type="text/css" rel="stylesheet" href="styles.css"/><!--for all-->
<!--[if IE]>
  <link type="text/css" rel="stylesheet" href="ie_styles.css"/>
<![endif]-->

或者如果您只想要 IE6 的一个：

<!--[if IE 6]>
  <link type="text/css" rel="stylesheet" href="ie6_styles.css"/>
<![endif]-->

因为它是一条注释，所以浏览器会忽略它...除了 IE 之外，如果 if 测试与当前浏览器匹配，则 IE 会加载它。

Answer 10

Check This Code :      
   <?php     

class OS_BR{    
private $agent = "";
private $info = array();

function __construct(){
    $this->agent = isset($_SERVER['HTTP_USER_AGENT']) ? $_SERVER['HTTP_USER_AGENT'] : NULL;
    $this->getBrowser();
    $this->getOS();
}     
function getBrowser(){     
    $browser = array("Navigator"            => "/Navigator(.*)/i",
                     "Firefox"              => "/Firefox(.*)/i",
                     "Internet Explorer"    => "/MSIE(.*)/i",
                     "Google Chrome"        => "/chrome(.*)/i",
                     "MAXTHON"              => "/MAXTHON(.*)/i",
                     "Opera"                => "/Opera(.*)/i",
                     );
    foreach($browser as $key => $value){
        if(preg_match($value, $this->agent)){
            $this->info = array_merge($this->info,array("Browser" => $key));
            $this->info = array_merge($this->info,array(
              "Version" => $this->getVersion($key, $value, $this->agent)));
            break;
        }else{
            $this->info = array_merge($this->info,array("Browser" => "UnKnown"));
            $this->info = array_merge($this->info,array("Version" => "UnKnown"));
        }
    }
    return $this->info['Browser'];
}
function getOS(){
    $OS = array("Windows"   =>   "/Windows/i",
                "Linux"     =>   "/Linux/i",
                "Unix"      =>   "/Unix/i",
                "Mac"       =>   "/Mac/i"
                );

    foreach($OS as $key => $value){
        if(preg_match($value, $this->agent)){
            $this->info = array_merge($this->info,array("Operating System" => $key));
            break;
        }
    }
    return $this->info['Operating System'];
}

function getVersion($browser, $search, $string){
    $browser = $this->info['Browser'];
    $version = "";
    $browser = strtolower($browser);
    preg_match_all($search,$string,$match);
    switch($browser){
        case "firefox": $version = str_replace("/","",$match[1][0]);
        break;

        case "internet explorer": $version = substr($match[1][0],0,4);
        break;

        case "opera": $version = str_replace("/","",substr($match[1][0],0,5));
        break;

        case "navigator": $version = substr($match[1][0],1,7);
        break;

        case "maxthon": $version = str_replace(")","",$match[1][0]);
        break;

        case "google chrome": $version = substr($match[1][0],1,10);
    }
    return $version;
}

function showInfo($switch){
    $switch = strtolower($switch);
    switch($switch){
        case "browser": return $this->info['Browser'];
        break;

        case "os": return $this->info['Operating System'];
        break;

        case "version": return $this->info['Version'];
        break;

        case "all" : return array($this->info["Version"], 
          $this->info['Operating System'], $this->info['Browser']);
        break;

        default: return "Unkonw";
        break;

    }
}
 }    


$obj = new OS_BR();

echo $obj->showInfo('browser');

echo $obj->showInfo('version');

echo $obj->showInfo('os');

echo "<pre>".print_r($obj->showInfo("all"),true)."</pre>"; 

 ?>

Answer 11

@Ekramul Hoque 的想法是正确的，但他的答案存在一些缺陷。

首先，我将从 Edge 开始，因为 Internet Explorer 在其任何 UA 中都不包含术语 Edge。

if(strpos($_SERVER['HTTP_USER_AGENT'], 'Edge') !== FALSE) {
  echo '<link type="text/css" href="ms.css" />';

然后，继续向后工作，因为早期版本的 IE 没有使用 Trident 引擎，因此不会将其包含在其 UA 中。

} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'Trident') !== FALSE) {
  echo '<link type="text/css" href="ms.css" />';
} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') !== FALSE) {
  echo '<link type="text/css" href="ms.css" />';

接下来我们需要定位 iOS 浏览器，以便后续查询不会干扰此浏览器。所有 iOS 浏览器都使用 webkit，但 Opera Mini 除外，它从远程服务器而不是设备进行渲染。这意味着我们可以将 UA 中的操作系统定位为 iOS，并排除包含 Opera 的 UA。

} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'iOS') && !strpos($_SERVER['HTTP_USER_AGENT'], 'Opera') !== FALSE {
  echo '<link type="text/css" href="webkit.css" />';

接下来，转向 Firefox 浏览器。虽然可以使用 Firefox 作为搜索词，但它只能识别 Firefox 浏览器，而不是基于 Firefox 的浏览器。 Firefox 在其 UA 中包含 Gecko，因为 Gecko 是它使用的引擎，因此我们可以瞄准它。通过使用Gecko，我们可以识别所有运行在Gecko引擎（即SeaMonkey）上的浏览器。但是，出于兼容性原因，许多浏览器使用术语 like Gecko，因此我们必须确保匹配 Gecko 而不是 like Gecko。

} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'Gecko') && !strpos($_SERVER['HTTP_USER_AGENT'], 'like Gecko') !== FALSE) {
  echo '<link type="text/css" href="moz.css" />';

接下来我们将识别 Opera 浏览器。 Opera 在 v12 结束时一直使用 Presto 引擎。从 v15 开始，他们开始像 Chrome 一样使用 Blink 引擎。 v12 及更早版本在 UA 中包含 v15+ 所没有的两个独特单词 - Opera 和 Presto。您可以瞄准其中任何一个，因为它们总是在一起。对于 v15，Opera 开始在 UA 中使用 OPR。

} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'Presto') !== FALSE) {
  echo '<link type="text/css" href="o.css" />';
} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'OPR') !== FALSE) {
  echo '<link type="text/css" href="normal.css" />';

接下来是 Safari。 Safari 使用 AppleWebKit 作为其渲染引擎，但我们不能仅仅以此为目标，因为出于兼容性原因，Chrome 在其 UA 中还包含 AppleWebKit 和 Safari。因此，我们需要搜索 AppleWebKit 而不是 Chrome。

} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'AppleWebKit') && !strpos($_SERVER['HTTP_USER_AGENT'], 'Chrome') !== FALSE) {
  echo '<link type="text/css" href="webkit.css" />';

最后，我们来到 Chrome。 Chrome 在 v27 之前一直使用 AppleWebKit。随着 v28 版本的发布，他们切换到了 Blink 引擎。我们可以针对两个引擎，但这需要大量代码。由于 Chrome 现在已经快到 v70 了，我们将只搜索 Chrome，因为不太可能有人仍在运行 webkit 版本的 Chrome。

} elseif (strpos($_SERVER['HTTP_USER_AGENT'], 'Chrome') !== FALSE {
  echo '<link type="text/css" href="normal.css" />';

最后但并非最不重要的一点是你的后备/其他。

} else {
  echo '<link type="text/css" href="normal.css" />';
}

现在，我使用引用供应商前缀的 css 文件来定位此处。请根据需要随意调整它，让它做您需要它做的事情。我希望这有帮助。