IE10环境下HTA图标不显示且窗口无法最大化问题求助

我之前也碰到过一模一样的HTA兼容性坑，IE10对HTA专属属性的解析逻辑和IE9确实有差异，才导致你遇到的图标不显示、窗口无法最大化的问题。这里有两个经过验证的解决方案：

方案一：调整标签顺序（优先尝试） #

IE10需要先确定兼容性模式，再解析HTA的专属配置。把<meta>兼容性标签移到<HTA:APPLICATION>之前，就能让HTA正确识别窗口状态和图标设置：

<html>
<head>
    <title>test</title>
    <meta http-equiv="x-ua-compatible" content="ie=10"/>
    <HTA:APPLICATION 
        ID = "1" 
        APPLICATIONNAME="1" 
        BORDER="thin" 
        BORDERSTYLE="normal" 
        ICON="icon.ico" 
        MAXIMIZEBUTTON="yes" 
        MINIMIZEBUTTON="yes" 
        SHOWINTASKBAR="yes" 
        SINGLEINSTANCE="yes" 
        SYSMENU="yes" 
        WINDOWSTATE="maximize">
</head>
<body style="overflow:hidden;">
    Icon should show and window maximized with ie=10
</body>
</html>

方案二：用脚本强制修复（如果方案一无效） #

如果调整顺序后还是有问题，可以通过页面加载脚本强制设置窗口状态和图标，绕过IE10的解析bug：

<html>
<head>
    <title>test</title>
    <meta http-equiv="x-ua-compatible" content="ie=10"/>
    <HTA:APPLICATION 
        ID = "1" 
        APPLICATIONNAME="1" 
        BORDER="thin" 
        BORDERSTYLE="normal" 
        ICON="icon.ico" 
        MAXIMIZEBUTTON="yes" 
        MINIMIZEBUTTON="yes" 
        SHOWINTASKBAR="yes" 
        SINGLEINSTANCE="yes" 
        SYSMENU="yes" 
        WINDOWSTATE="normal"> <!-- 先设为normal，再用脚本最大化 -->
    <script type="text/javascript">
        window.onload = function() {
            // 强制窗口最大化
            window.resizeTo(screen.availWidth, screen.availHeight);
            window.moveTo(0, 0);
            // 重新设置图标确保生效
            const htaApp = document.getElementsByTagName('HTA:APPLICATION')[0];
            htaApp.icon = 'icon.ico';
        }
    </script>
</head>
<body style="overflow:hidden;">
    Fixed via script with ie=10
</body>
</html>

额外注意事项 #

• 确保icon.ico文件路径正确，和HTA文件在同一目录下，或者使用绝对路径（比如C:\path\to\icon.ico）
• IE10的HTA对部分属性的大小写敏感，尽量保持属性名和示例一致

内容的提问来源于stack exchange，提问作者Hugo7