在原版的XP系统下IE 6,IE7,对于自体支持似乎不是特别的好.上次提到过中文字体似乎对于中文标点都不能正常显示出来.更不要提英文字符对汉字的支持了.
正是这个原因上期的背景图解决IE6,7字符替换问题费了很大的功夫.
这次我简要总结一下我所发现的XP下IE6和IE7下字体的一些问题.
其实我之前做网站从未遇到这样的问题,可能是很久以前微软雅黑并未普及吧.就目前来看,网上关于字体的资料太少,国外有却跟汉字毫无关系.我也下了一个可能并不准确的结论:
聚集IT技术,硬件,数码,音乐等内容的个人博客
在原版的XP系统下IE 6,IE7,对于自体支持似乎不是特别的好.上次提到过中文字体似乎对于中文标点都不能正常显示出来.更不要提英文字符对汉字的支持了.
正是这个原因上期的背景图解决IE6,7字符替换问题费了很大的功夫.
这次我简要总结一下我所发现的XP下IE6和IE7下字体的一些问题.
其实我之前做网站从未遇到这样的问题,可能是很久以前微软雅黑并未普及吧.就目前来看,网上关于字体的资料太少,国外有却跟汉字毫无关系.我也下了一个可能并不准确的结论:
直到前几天我才发现我的那个破烂IETESTER的debugbar插件居然不让我免费使用全功能了,限制在于无法查看元素宽高,也无法修改CSS样式来测试了,虽然这些功能都不是很好使,不过IE下勉强就只能用一下这个了.
原来是我使用了一个月就不能使用全部功能了,原来debugbar居然是共享软件…公司要求不允许使用盗版,这可怎么办呢…我突然想到一个办法,尝试了一下,有效,特分享出来,不过要说这个办法的完整步骤,我也不知道.大家可按照下面三个步骤依次测试.准备工作,一款卸载程序和CCleaner就够了.
当然为了保险起见,可以尝试完成三步后再安装debugbar..我的测试环境为WIN7 32BIT最新版的IETESTER和最新版的debugbar.现在又可以愉快的调试IE了…
今天又到期了,于是重新安装,此次试图摸清最佳方式,经过测试,以下方式可能更为快捷.
PS: 更新日期2014年6月18日
以上第二条如果无效请参考该路径
HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Core Services\DebugBar
并删除,适用版本DebugBar 7.5.1
PS: 更新日期2015年5月25日
虽然很早就有了解,不过实际上还是近期因工作需要才开始正式以sublimeText3做主要开发工具.为此费了不少精力学习这个编辑器,现总结如下.
因为网上大部分都是介绍sublime text 2的相关内容,很多插件实际上在3已经不好用了,并且sublime text 3安装插件也不需要调用控制台了(貌似便携版还是需要手动添加,通过快捷键 ctrl+` 或者 View > Show Console 菜单打开控制台
import urllib.request,os;pf=’Package Control.sublime-package’;ipp=sublime.installed_packages_path();urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler()));open(os.path.join(ipp,pf),’wb’).write(urllib.request.urlopen(‘http://sublime.wbond.net/’+pf.replace(‘ ‘,’%20’)).read())
如果以上报错(上面可能只适用于安装版,如果便携版报错)请试试下面这条
import urllib.request,os,hashlib; h = ‘7183a2d3e96f11eeadd761d777e62404’ + ‘e330c659d4bb41d3bdf022e94cab3cd0’; pf = ‘Package Control.sublime-package’; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( ‘http://sublime.wbond.net/’ + pf.replace(‘ ‘, ‘%20’)).read(); dh = hashlib.sha256(by).hexdigest(); print(‘Error validating download (got %s instead of %s), please try manual install’ % (dh, h)) if dh != h else open(os.path.join( ipp, pf), ‘wb’ ).write(by)
如果还是不行,请参考: https://sublime.wbond.net/installation (更新日期2014年9月4日)
更新日期:2014年5月5日),直接在Preferences里面就可以看到Package Control,进行插件安装.我专也门查了很多资料,根据个人习惯以及工作需要对于sublime text 3的常用插件做了一些整理,有需要的可以参考一下:
Bracket Highlighter matches a variety of brackets such as: []
, ()
, {}
, ""
, ''
, <tag></tag>
, and even custom brackets.
自动在成对标签内的首尾下面添加一个下划线,方便查看是否有遗漏的tag或者js里面少写了一些闭合符号.
遇到这个问题实在是诡异.我对我自己能找出问题的原因也颇感惊讶,因为我根本不知道为什么会出现这样的现象,只是一个个凭感觉试出来的.如果有大神知道原因,希望能留言,如果不知道的正巧看到这篇文章,也可做个参考,解决一些可能是由于背景图产生的问题.惯例先上效对比果图(这里注释了背景).
按照正常思路完成布局和代码编写后,基本上ie7+和主流标准浏览器看起来都不错.然而IE6,就是令人蛋疼.是怎么蛋疼了呢仔细看图,我放代码和DEMO页面(此页面兼容):
有个效果如图:
本来写了个全无图的效果.不过似乎只能针对XP下有对应的黑体和微软雅黑才行.在公司的WIN7电脑测试本来这个双引号不需要用到背景图,可是回来准备严格测试的时候,发现问题了,在虚拟机上的一个纯净的精简XP上,这个双引号就算用黑体也是大大的两个像圆形的逗号…最终测试无效,只好用背景图实现了.