This box will be fixed on your screen using Firefox, Opera9 or IE7.

京东 Greasemonkey 脚本 (Linux Only?)

京东改版后在 Firefox 页面被撑爆的问题已经好几个月了居然一点反应都没有,其间我还曾在“我的建议”中提了两次建议,第一次京东回答已转告相关部门,第二次竟然回复我“目前我司系统还是只支持IE浏览器,如您处不能正常浏览,还请您见谅,感谢您对京东的支持!”根据计算,要30寸的屏幕才能不产生横向滚动条。MLGBD,看来只有自己动手了。

经一些朋友提醒,我在 Vbox 中试验后,才发现 Firefox win 版本和 Linux 版本(甚至Linux各发行版本下的也不一样)对京东的展示效果竟然不一样,所以,这个问题可能很诡异,试试看你是不是和我一样属于RP好。

PiC从源码中尽管可以看出京东新版是很想向标准靠拢的,但说实话水平并不怎么样──无论结构还是样式。比如上面说到的 Firefox 版本不同造成的差异问题,究其根本,都是结构不够结实牢固所致,结构中的三(两)栏全部使用了浮动,这是非常不靠谱的一种方法,一旦宽度允许,下一个元素就会浮动过来,而 IE 对宽度识别是有 Bug 的,有时就是那么2个像素的差别,换个浏览器就可能完全走形。京东的这次“事故”(放在国外完全可以称为事故了)首先是没有使用科学的结构样式,其次设计人员没有在多平台下进行不同测试以致一直没有发现问题,象京东这样的公司,一个成熟的设计至少要在三种平台、三种主流浏览器、多种分辨率下进行不同测试通过才敢上线。

好了,接着说俺写的这个脚本,不知各位 Firefox 同好们有没有装 Greasemonkey 这个经典的扩展,它本身并不干什么事,但通过加载 user script 就可以实现非常强大的功能,比如说这次我们来修复京东的Bug而不再麻烦京东的管理员,所以,你首先要安装这个扩展。然后下载压缩包,解压后拖向 Firefox 窗口就会提示安装。

俺主要修正了这么几个问题:

  1. 页面被撑爆
  2. 产品页等页左边区域有横向纵向滚动条
  3. 首页右栏标题最后一个字被挤掉行

13 Comments

  1. druggo Comments @ 20:40:27 on 2007-10-24

    嗯?我今天浏览了京东,很正常啊,莫非他们看到你的博客就改了?

  2. Dark Comments @ 20:53:38 on 2007-10-24

    windows 的 firefox 和 linux 的竟然不太一样,我这篇是针对 Linux 版本的。

  3. druggo Comments @ 21:28:16 on 2007-10-25

    您反应真快,我这里就只有Gentoo,没有瘟到死。难道我RP好?

  4. dark Comments @ 21:35:43 on 2007-10-25

    看来这个问题有点诡异了,我目前是 ubuntu,但 Firefox 则是官方二进制版本(修改补充的内容)下载的,自京东改版后,从2.0.0.x-2.0.0.8 的效果就是上面截屏那样。

  5. druggo Comments @ 22:53:38 on 2007-10-25

    我的firefox是自己编译的,Firefox/2.0.0.8

  6. dark Comments @ 23:05:18 on 2007-10-25

    那照您这样说,到是极有可能是 Firefox 的二进制程序的问题了,您弄个二进制的试试看。但不管怎么说,就如我正文补充的那样,京东的结构并不牢固。

  7. druggo Comments @ 00:09:36 on 2007-10-26

    我刚从FF下了一个二进制的,一切正常啊:)

  8. e2002 Comments @ 17:16:20 on 2007-11-22

    我这里 Fedora 8/Firefox 2.0.0.8 ,显示和你的截图一致,错位不堪…

  9. Dark Comments @ 18:51:53 on 2007-11-22

    嘿嘿,俺又用firefox 3.0 beta1(还是官方二进制包) 试了一下,也还是错位的,不知还有哪些系统的 firefox 版本会出现这种问题──居然都不一致,太诡异了。

    e2002 朋友你试试我的脚本看看是否有什么问题可来反馈。

  10. foxfuck Comments @ 14:26:01 on 2008-01-07

    看名字就知道火狐的反对者了,
    您不觉得,
    只要火狐显示正常,才是正常,
    只要火狐显示不正常,错都在网页,什么bug都是IE的非常令人恶心?
    火狐把自己当成真命天子,还是街边乞丐?

  11. lh Comments @ 22:49:32 on 2008-02-20

    可惜不是ie正常就网页正常,这是很浅显的,是否符合w3c标准是从代码看出来的,并不是说符合firefox就行的,还有许多浏览器阿,opera,safari阿

    我这里opera正常

  12. quhan Comments @ 13:58:48 on 2008-04-26

    firefox 3b5pre on debian sid with compizx11 desktop
    一切正常,个人认为可能是显示器dpi的设置的问题,楼主将它设置为96或者72看看?
    我所知道的一些发行版的桌面环境(DE),即gnome/kde/xfce这些,将此设置为100

    To foxfuck,
    无论你是否认同,firefox遵循着最为标准的w3c,还而言之,一个在firefox能正常浏览的页面在其他web2.0的浏览器中都会正常。
    事实上,mshtml的最恶心之处在于ie5/ie6/ie7的标准都不一样…

    To lh,
    safari和kde下的浏览器都遵循khtml标准,它和xhtml标准除名字外并无二异,opera虽然有着自己的一些独特标准,但是这些独特之处基本是用于简化客户端脚本的应用上的比如document.all这些类的使用,但是使用xhtml中的方式,在opera中一样适用。

    综上所述,firefox(或者其他完全xhtml标准的浏览器,如epiphant之类)才是网页调试的王道。

  13. dqpice Comments @ 21:44:58 on 2008-10-31

    mac不能用啊?