使用 userAgent 确定正确的下载链接

Question

我试图找到一个简单的 userAgent 脚本，它会显示一个下载图像，单击该图像会下载我们的安装程序文件。

如果用户在mac上，则需要显示指向install.dmg的图像，而在windows上需要指向install.msi，最后是windowsxp指向install.exe

我了解使用 userAgent 请求不是最佳做法，但是我们的网站仅由未伪造其代理 ID 的选定用户组访问。大多数用户都非常..“简单”..大多数时候他们需要帮助来打开他们的计算机。

我发现下面的脚本会自动下载有问题的文件，但是这里的管理人员不希望它自动下载，而是显示一个可单击以下载正确安装文件的 download.png。

<script type="text/javascript">// <![CDATA[
{
if((navigator.userAgent.indexOf('Win') != -1)
{ window.location.href="resources/install.msi"; }
else if(navigator.userAgent.indexOf('Mac') != -1)
{ window.location.href="resources/install.dmg"; }
else { window.location.href="resources/install.msi"; }
}
// ]]></script>

有什么想法吗？我不想每次安装都重定向到不同的页面，例如为 Mac 用户提供登录页面，为 Windows 8 用户提供登录页面等。只需显示适合其操作系统的链接 png 文件.

我在想一个 document.write 语句，但不知道如何显示可点击的图像。

注意事项：

• 对移动版本没有要求，例如 iPhone 等。
• 我们正在使用基于 Joomla 的主题，我已将 过滤器列入白名单。
• 这是一篇单独的文章，没有重定向或任何时髦的东西。

Answer 1

您可以使用 document.write 执行您所要求的操作。只需将这段代码放在您想要下载图像的任何位置即可。

<script type="text/javascript">// <![CDATA[
    var WINDOWS_DOWNLOAD_IMAGE = "image_win.png";
    var MAC_DOWNLOAD_IMAGE = "image_mac.png";

    var WINDOWS_INSTALLER_FILE = "insall.exe"
    var MAC_INSTALL_FILE = "install.dmg"

    var ua_string = navigator.userAgent;

    if((ua_string.indexOf('Win') != -1){
        //The OS is Windows.
        document.write('<img src="' + WINDOWS_DOWNLOAD_IMAGE + '" href="' + WINDOWS_INSTALLER_FILE + '" />');
    }
    else if(ua_string.indexOf('Mac') != -1){
        //The OS is Mac.
        document.write('<img src="' + MAC_DOWNLOAD_IMAGE + '" href="' + MAC_INSTALLER_FILE + '" />');
    }
    else{
        //Other OS.
        document-write("<h1>Sorry. We don't support your OS.</h1>");
    }
// ]]></script>

大写的变量是配置变量。

编辑： 对不起。我混淆了“（）”的- //

    var WINDOWS_INSTALLER_FILE = "insall.exe"
    var MAC_INSTALL_FILE = "install.dmg"

    var ua_string = navigator.userAgent;

    if(ua_string.indexOf('Win') != -1){
        //The OS is Windows.
        document.write('<img src="' + WINDOWS_DOWNLOAD_IMAGE + '" href="' + WINDOWS_INSTALLER_FILE + '" />');
    }
    else if(ua_string.indexOf('Mac') != -1){
        //The OS is Mac.
        document.write('<img src="' + MAC_DOWNLOAD_IMAGE + '" href="' + MAC_INSTALLER_FILE + '" />');
    }
    else{
        //Other OS.
        document-write("<h1>Sorry. We don't support your OS.</h1>");
    }
// ]]></script>

编辑 2：

工作代码：

<script type="text/javascript">// <![CDATA[
    var WINDOWS_DOWNLOAD_IMAGE = "image_win.png";
    var MAC_DOWNLOAD_IMAGE = "image_mac.png";

    var WINDOWS_INSTALLER_FILE = "insall.exe"
    var MAC_INSTALLER_FILE = "install.dmg"

    var ua_string = navigator.userAgent;

    if(ua_string.indexOf('Win') != -1){
        //The OS is Windows.
        document.write('<a href="' + WINDOWS_INSTALLER_FILE + '"><img src="' + WINDOWS_DOWNLOAD_IMAGE + '"/></a>');
    }
    else if(ua_string.indexOf('Mac') != -1){
        //The OS is Mac.
        document.write('<a href="' + MAC_INSTALLER_FILE + '"><img src="' + MAC_DOWNLOAD_IMAGE + '"/></a>');
    }
    else{
        //Other OS.
        document-write("<h1>Sorry. We don't support your OS.</h1>");
    }
// ]]></script>