WordPress 提示：如何检测访问者的浏览器类型
有时我们需要提供特定内容或调整某些 Web 浏览器。有几种方法可以做到这一点。例如，我们可以使用JavaScriptBrowserDetect.browser函数。我们还可以使用以下注释标记专门针对 Internet Explorer。
Modernizr对于浏览器的功能检测很有用，因此我们能够修补不支持的功能。我们也可以使用 CSS3 media query，虽然它不是为了检索浏览器信息而设计的，但它对于处理网站展示很有用，尤其是在移动浏览器中。
60 多个最受欢迎的 WordPress 技巧和技巧（更新）
你有没有遇到过 WordPress 博客，看到你喜欢的东西，然后想到；他们是怎么做到的，… 阅读更多
PHP浏览器检测
然而，所有这些方法都只是改变了正面，而文档标记中的实际内容不受影响。比方说，我们有两个<div>元素，一个用于 Internet Explorer，一个用于另一个。无论浏览器如何，这两个元素实际上都会保留在文档中。
在某些情况下，这些方法可能不是理想的解决方案。因此，唯一可行的选择是使用服务器端语言，例如PHP。如果您使用的是 WordPress，可以使用名为PHP Browser Detection的插件轻松完成此操作。
条件函数
当这个插件被激活时，它不会在仪表板中给你任何东西。相反，它提供了几个条件函数供您在主题文件中使用——例如 page.php、index.php 等。它允许在所有流行的桌面和移动设备（例如 iPad 和 iPhone）中进行检测。
基本用法
让我们看一些使用示例。比如说，我们只想向 Internet Explorer 用户显示通知。我们可以在header.php中写这样的东西<body>。
|
1个
2个
3个
4个
5个
6个
7
|
<?php if ( is_IE() ) { $browserInfo = php_browser_info(); $browser = $browserInfo[browser]; $version = $browserInfo[version]; echo '<div class="browser-notification">You are using '.$browser.' '.$version.' . Please, update your browser for better experience.</div>';}; ?> |
通过样式表中的一些样式调整，Internet Explorer 用户将看到以下内容。
但是，当我们在其他浏览器（Firefox、Opera、Safari 和 Chrome）中看到它时，不会生成通知标记。
如前所述，我们还可以针对移动设备，这对于在移动平台上优化您的 WordPress 网站非常有用。假设您在主题中启用了帖子缩略图支持，我们可以将以下功能添加到您的index.php以在移动设备中提供较低的图像分辨率，并在桌面浏览器中提供较高的分辨率。
|
1个
2个
3个
4个
5个
|
<?php if ( is_mobile() ) { the_post_thumbnail( 'small' );} else { the_post_thumbnail( 'large' );}; ?> |
这些只是几个示例，请转到WordPress.org 页面以更详细地了解此插件。