6

有什么方法可以检测正在使用的 Windows XP 主题吗?

我怀疑您无法进行特定的 api 调用,但您可以通过检查某些 DOM 元素(即特征检测)来找出答案。

另一个问题:经典主题甚至存在于 windows vista 或 windows 7 上吗?

编辑 - 这是我的解决方案:

function isXpTheme() {
  var rgb;
  var map = { "rgb(212,208,200)" : false,
              "rgb(236,233,216)" : true };
  var $elem = $("<button>");
  $elem.css("backgroundColor", "ButtonFace");
  $("body").append($elem);
  var elem = $elem.get(0);
  if (document.defaultView && document.defaultView.getComputedStyle) {
    s = document.defaultView.getComputedStyle(elem, "");
    rgb = s && s.getPropertyValue("background-color");
  } else if (elem.currentStyle) {
    rgb = (function (el) { // get a rgb based color on IE
    var oRG =document.body.createTextRange();
    oRG.moveToElementText(el);
    var iClr=oRG.queryCommandValue("BackColor");
      return "rgb("+(iClr & 0xFF)+","+((iClr & 0xFF00)>>8)+","+
                  ((iClr & 0xFF0000)>>16)+")";
    })(elem);
  } else if (elem.style["backgroundColor"]) {
    rgb = elem.style["backgroundColor"];
  } else  {
    rgb = null;
  }
  $elem.remove();
  rgb = rgb.replace(/[ ]+/g,"")
  if(rgb){;
    return map[rgb];
  }
}

下一步是弄清楚这个函数在非 xp 机器上返回什么和/或弄清楚如何检测 windows 框。我只在 windows XP 中测试过,所以 vista 和 windows 7 可能会给出不同的颜色值,但应该很容易添加。

这是一个实际的演示页面:

http://programmingdrunk.com/current-projects/isXpTheme/

4

2 回答 2

6

有趣的问题。唯一想到的是检查默认按钮的大小。它在两个主题中的风格不同,我想它有不同的大小。如果你给按钮一个固定的文本大小,这可能是可靠的。

我将启动 XP 虚拟机并检查大小是否真的不同。

更新:它们确实不同。

谷歌“我感觉很幸运”按钮

  • 经典皮肤:99 x 23.75(原文如此!)像素
  • 在 XP 皮肤中:97 x 21.75 像素

想到的第二种不太可靠的方法是给元素一个CSS 系统颜色,然后解析生成的计算颜色。在经典模式下,该ButtonFace属性将具有特定的灰色阴影,我认为默认皮肤中的灰色阴影会有所不同。再次,必须进行测试。

更新:它们也不同。

ButtonFaceCSS系统颜色

  • 在 Windows 经典皮肤中:#D4D0C8
  • 在 XP 皮肤中:#ECE9D8

显然,如果用户对颜色和/或字体大小进行任何自定义,这两种方法都会失效。字体大小方法是更可靠的 IMO,因为玩它的人更少。

当然,您必须拥有所有 Windows 代的比较表,因为据推测,经典皮肤和默认皮肤的值会有所不同。

于 2010-03-15T20:15:20.597 回答
-1

只是为了给 IsThemeActive() 一个起点

于 2010-03-21T20:50:06.220 回答