Re: [无言] 这个验证码到底要填什么?

楼主: fishet4 (瞇瞇)   2017-12-13 15:38:59
依照图片来看,我想楼主使用的是Chrome浏览器吧
主要是因为Chrome浏览器有个很机车的设定,也就是字级小于最小字级的设定是不理会的
(Chrome默认是12px,可以在设定>自订字型>最小字体找到)
而那块验证码正是使用文字来拼成数字的
怎么说呢,请看下图
https://i.imgur.com/7oBo1fK.png
这个是使用开发人员工具去找到的那块在html的原始码
(有兴趣的人可以在chrome按F12去玩玩)
可以看到它是一串*和空白去组成的( 在html里会解析成空白格)
然后再找一下它的CSS设定
https://i.imgur.com/nbqZ9CC.png
第一个是字型的设定,第二个就是字号的设定
我们这边看到它设定成5px
这就是问题所在拉,因为Chrome机车的设定
所以你看到的文字是12px大小去组成的验证码
也是为什么你的数字看起来比较扁平的缘故!!!
我们看看firefox
https://i.imgur.com/6FpLph3.png
再看看前端极端厌恶的万恶的IE
https://i.imgur.com/zTnanO7.png
都是正常的呢
我想这跟当初设计这块的人忘记了Chrome有这样的字号限制
顺道一提,开发者工具里面的数值可以去修改玩玩看,如果要让它看起来正常
我们可以修改刚刚看到的line-height那边的数值
这是指文字的行间距
https://i.imgur.com/afDXLs7.png
把它改成6px看起来就正常多了呢
整体看起来也比较大就是了
或是去上面提到的设定里面,把字号限制调至5px以下
https://i.imgur.com/0iXS9K5.png
回来看就是正常的囉
不得不说想到用文字来拼成验证码这个想法挺有趣的
不过可能没有在Chrome被发现这个问题
(其实也不算问题,是Chrome的好意,小于12px的字在网页上看起来有点吃力)
我相信这篇如果被他们发现应该会去叫当初作网页的人修正的吧
毕竟Chrome还是比较多人用的 哈哈哈
笨点的话,我想就是为了回这个文职业病发作和认真去帮忙别人找Bug解法吧,哈哈哈哈
作者: ab784533 (laura0129)   2017-12-13 15:41:00
聪明版!!!!
作者: zp413122 (maynine)   2017-12-13 15:41:00
不要这样 我是文组 我看不懂XD
作者: asd15723 (asd15723)   2017-12-13 15:42:00
楼下文组会嘘你
作者: wuyutt (雾鱼)   2017-12-13 15:42:00
请右转聪明版……
作者: Porara98763 (上邪)   2017-12-13 15:44:00
推 虽然什么都看不懂XD
作者: tery623 (tery623)   2017-12-13 15:50:00
有文组懒人包吗?
作者: iop982002 (一尾)   2017-12-13 15:52:00
推 看到原文的*就发现了XD
作者: v00623 (阿哩他命EX PLUS)   2017-12-13 16:00:00
推个
作者: Jenny0725 (Jenny瑄)   2017-12-13 16:01:00
你真的有职业病
作者: zhttp (zhttp)   2017-12-13 16:05:00
可是我用chrome 原设定都没改 也是正常啊https://i.imgur.com/eULrvMB.jpg没有啊 原设定12就可以了 该不会我用到假的chrome了吧XD
作者: wanting0314 (人生好难OUQ)   2017-12-13 16:17:00
先推免得被人发现我看不懂
作者: doluir (阿冠)   2017-12-13 16:23:00
太聪明啦聪明版版友
作者: HANJIUN (HANJIUN)   2017-12-13 16:24:00
聪明人请离开笨版
作者: han9917   2017-12-13 16:26:00
原来是这样(假装自己看得懂
作者: ping780520 (ping780520)   2017-12-13 16:32:00
赶快跟着推以免被发现我看不懂
作者: ww1215 (溜溜)   2017-12-13 16:34:00
原来哦(头上都是问号
作者: penny841028 (叛逆的兔子)   2017-12-13 16:35:00
走错版了啦!
作者: wdocz (VK)   2017-12-13 16:38:00
....看不懂
作者: zhttp (zhttp)   2017-12-13 16:40:00
我发现了 可能跟我的萤幕分辨率我关系 我的是4K的有
作者: Standattoe   2017-12-13 16:46:00
作者: watergreen98   2017-12-13 16:49:00
作者: bightb56913 (傻劲旺仔)   2017-12-13 16:50:00
长知识了
作者: recscy (央金)   2017-12-13 16:51:00
感谢专业回文~ (假装看懂
作者: sophena1990 (豆豆绮)   2017-12-13 16:55:00
笨版都不笨版了啦
作者: erinneedslov (Erin)   2017-12-13 17:00:00
聪明版
作者: Ruruto49 (阿鲁拖地板)   2017-12-13 17:03:00
我以为我走到聪明版
作者: s12358972 (Spice)   2017-12-13 17:05:00
作者: thewtf (呛我呛够没)   2017-12-13 17:09:00
要推才不会丢理组的脸
作者: GohHiong (风中吃西瓜)   2017-12-13 17:11:00
走错版了吧XD
作者: tp6fu6fu6 (超级玛利)   2017-12-13 17:20:00
看不懂,但是推专业
作者: bananas1022 (黄橙橙香蕉)   2017-12-13 17:28:00
你太聪明了
作者: mihono (帐号拿不回来)   2017-12-13 17:29:00
推专业!
作者: remprogress (rpg)   2017-12-13 17:34:00
走错版了
作者: fervorya (一丄上止正)   2017-12-13 17:35:00
呜呜你好聪明
作者: Gemhom   2017-12-13 17:37:00
专业版!!
作者: elbertintw (How can I forget)   2017-12-13 17:38:00
推一下才表示我看的懂
作者: cdnokia (............)   2017-12-13 17:39:00
这是笨版不是你该来的地方
作者: b506102089 (萝卜丝饼饼饼)   2017-12-13 17:39:00
专业推~
作者: sunbiba ( )   2017-12-13 17:42:00
走错板了 好笨
作者: li143   2017-12-13 17:42:00
楼主很专业的绕了条远路
作者: KIMandZJ (Kim)   2017-12-13 17:54:00
走错版了你!
作者: leherisson (soph)   2017-12-13 17:57:00
你在说什么?太聪明了!!!!!
作者: awfulday (糟糕的一天 樱雨绵绵)   2017-12-13 17:57:00
我看的懂.....我真的看的懂喔...(这三小XDD
作者: cimskp (イマジネイション=Free)   2017-12-13 17:57:00
XDDDDDDDDD
作者: Brabus700G (路边卖槟榔的阿伯)   2017-12-13 17:58:00
这叫专业?
作者: fcz973 (名蒸蛋柯南)   2017-12-13 18:02:00
阿鬼你还是讲中文好了
作者: Usaria (瞇瞇)   2017-12-13 18:07:00
笨点是楼主太认真了吗xdd
作者: sun1993 (爱唱歌的太阳)   2017-12-13 18:09:00
嗯………看不懂(原来如此啊
作者: ox12345xo (智者长老)   2017-12-13 18:16:00
\我看得懂/
作者: Mark87 (很重要吗)   2017-12-13 18:26:00
先推不然别人以为我看不懂
作者: Kuromi0929 (萌萌酷洛米)   2017-12-13 18:28:00
你不要那么专业好吗
作者: OGCed (GGININDER )   2017-12-13 18:30:00
某楼7pupu
作者: classes (克来斯伊虱)   2017-12-13 18:37:00
完全不想懂XDD
作者: Jill0105 (Jill)   2017-12-13 18:45:00
可恶~欺负文组人~
作者: DoubleVial (DoubleVial)   2017-12-13 18:46:00
你不是笨板人
作者: zoepeng (:!)   2017-12-13 18:47:00
作者: chenuu (chenuu)   2017-12-13 18:47:00
作者: shellback (shellback)   2017-12-13 18:47:00
国泰资讯人员会感谢你帮debug
作者: NingK (柠~)   2017-12-13 18:50:00
嘘你在这里认真
作者: chuchushoes (chuchushoes)   2017-12-13 18:53:00
chrome本来就很烂,又肥又卡
作者: littlebear07 (小熊07)   2017-12-13 19:02:00
走错啦
作者: km101km (BaBoom)   2017-12-13 19:04:00
那如果css给上!important呢
作者: breakblue (深苍)   2017-12-13 19:07:00
作者: coolda (cool)   2017-12-13 19:11:00
上课囉~
作者: amritavoice (笨笨)   2017-12-13 19:13:00
你太聪明了,请左转聪明版喔!
作者: isscat (issue号:)   2017-12-13 19:41:00
你出去! 太聪明了!
作者: breeze1128 (微微)   2017-12-13 19:55:00
原来是这样(开始装懂)
作者: Naku0818 (Naku)   2017-12-13 19:56:00
这里不适合你!!!
作者: foreverwings (~悠久之翼~)   2017-12-13 20:03:00
请右转聪明版~
作者: hcyanita (岩午)   2017-12-13 20:04:00
推 长知识~
作者: Bimatow (阿拉花瓜吹喇叭)   2017-12-13 20:05:00
害我跳去外面又回来看两次
作者: beyondboy (老月)   2017-12-13 20:09:00
太专业了吧 巨匠4你?
作者: icexfox (东玉景)   2017-12-13 20:14:00
等等,这是笨版吧
作者: prettiestmrs (完美贤妻进化论)   2017-12-13 20:17:00
去聪明版喇xD
作者: judge1226 (淡然宇静)   2017-12-13 20:17:00
楼主是聪明版的吧
作者: iwillbehere (FromNow321)   2017-12-13 20:19:00
推 笨板知识+
作者: bunnyer (lililala)   2017-12-13 20:32:00
这里不是笨版吗?快出去
作者: tdtzhwh (玉米骨头冰淇淋)   2017-12-13 20:32:00
看不懂,不过感觉好像很厉害
作者: sandwichchen (三明治)   2017-12-13 20:33:00
这里不是笨板吗?(搔头)XD
作者: florTW (Flort)   2017-12-13 20:38:00
聪明板……
作者: cosrabbit (Putz)   2017-12-13 20:39:00
聪明版www
作者: wuyiulin (龙破坏剑士-巴斯达布雷达)   2017-12-13 20:47:00
作者: ajo865 (罗斯福路CUXI王)   2017-12-13 20:50:00
我以为这里是笨板
作者: Zzzip (LOSER)   2017-12-13 20:52:00
作者: gipo776 (几不)   2017-12-13 21:02:00
作者: watcha (看什么看)   2017-12-13 21:07:00
What?!
作者: addycat (野喵的命运好好玩)   2017-12-13 21:23:00
左转聪明板
作者: unfair (怕鱼的)   2017-12-13 21:23:00
聪明版棒棒
作者: Marabuda (Marabuda)   2017-12-13 21:26:00
怕 先推以免被发现我看不懂
作者: darling520   2017-12-13 21:27:00
帮文组QQ
作者: minnie4227 (SardineLux)   2017-12-13 21:30:00
您验证码系?
作者: speedest555 (嘻嘻)   2017-12-13 21:35:00
恩 跟我想的一样
作者: vitaume (紫苏梅)   2017-12-13 21:54:00
快推免得别人以为我们不懂
作者: firerycon (稀奇薯餅)   2017-12-13 21:55:00
朝圣推
作者: liu1637 (路过的牛肉饼)   2017-12-13 22:04:00
长知识版
作者: pisces2826 (小安)   2017-12-13 22:08:00
赶快推,不然人家以为我不懂
作者: SESAO (莎莎欧)   2017-12-13 22:11:00
这是什么版?
作者: sakura3034 (担你一辈子♪)   2017-12-13 22:13:00
有看没懂我果然没走错版
作者: peiyuchen (vivian)   2017-12-13 22:14:00
不懂,但推专业
作者: Ambition0114 (咸鱼)   2017-12-13 22:17:00
87平衡剪头
作者: GARIGI (咖哩鸡)   2017-12-13 22:40:00
笨版都不笨了啦QQ
作者: tom0927 (ADSL安装特派员)   2017-12-13 22:53:00
太专业了ㄅ 赶快推个 不然被发现看不懂
作者: yayzh (yayzh)   2017-12-13 22:55:00
文组错了吗QQ
作者: mikazeray (カミカゼ)   2017-12-13 22:58:00
67楼的图也太励志了XDDD
作者: lininu (声音控:P)   2017-12-13 23:06:00
结果是CHROME XD 我以为是IE... 没看原始码还猜他不会是图然后设了table-cell的height... 但我记得chrome在12px(还是10px)以下的字看起来都一样,所以是前端在切的时候没注意吗...欸我错了,那个是套件css... 应该要去github回报一下 哈哈
作者: aq200aq (肉汁)   2017-12-13 23:13:00
难得看到自己懂的XDDDD
作者: makohasa (短短)   2017-12-13 23:17:00
聪明板
作者: duninafan (橄榄种子)   2017-12-13 23:28:00
哈哈 推专业~
作者: xxpin (xxpin)   2017-12-13 23:40:00
太聪明了
作者: papple23g (逆道者)   2017-12-13 23:40:00
作者: imjeffreylee (昌)   2017-12-13 23:48:00
看得懂给推文组别再要懒人包了 再懒的懒人包你也看不懂
作者: aaronchuu (阿褚)   2017-12-14 00:01:00
看得懂推爆
作者: greecewoods (yo 嗨森)   2017-12-14 00:11:00
文组头很痛(举手)
作者: pikachu107 (YUI)   2017-12-14 00:58:00
抱歉走错版
作者: icexfox (东玉景)   2017-12-14 01:00:00
没错,跟我想的差不多
作者: wulearn3310 (吴)   2017-12-14 01:16:00
推推
作者: dapwo241 (Raccoons)   2017-12-14 01:17:00
文组像在看当天书
作者: fattygirl (你就是我的信仰 死肥)   2017-12-14 01:47:00
啊啊啊啊啊啊看不懂
作者: cmid05 (酷拉皮卡)   2017-12-14 01:59:00
XD
作者: a092197z (叭噗)   2017-12-14 02:17:00
推专业!
作者: LCA710 (LCA)   2017-12-14 02:22:00
看不懂拉
作者: SkySwimmer (((│)))   2017-12-14 02:31:00
错版了啦XDD
作者: staynero8007 (staynero)   2017-12-14 02:40:00
你太聪明惹
作者: tzTillie (tz)   2017-12-14 03:53:00
太聪明了啊!解释到连笨版常客都看懂了啊!
作者: Pictor (Pictor)   2017-12-14 04:46:00
专业推
作者: howardhope (红蟳女孩~等等我)   2017-12-14 05:39:00
我也是这样觉得
作者: zoe1000737   2017-12-14 07:07:00
QQ看不懂
作者: sds0331 (雅璱莎)   2017-12-14 08:00:00
原来如此
作者: dododoremi (dododo~~~)   2017-12-14 09:11:00
聪明板
作者: pepro (peproisgood)   2017-12-14 09:17:00
第一次知道chrome有这么奇怪的设定
作者: bigbeat (天气热)   2017-12-14 09:18:00
原来4网页设计师啊
作者: Mozar (沉默的乐师)   2017-12-14 09:50:00
有卦有推
作者: mumudi (酗音乐)   2017-12-14 09:59:00
这跟文组无关吧,做网页设计的也会懂
作者: allenho (肠肠)   2017-12-14 10:02:00
滚,离开笨板
作者: ru486 (天空之城)   2017-12-14 10:06:00
看不懂照推~
作者: okijn5566 (RR)   2017-12-14 10:17:00
你就告诉我要填什么就好了
作者: ErROrGG (饵箱)   2017-12-14 10:53:00
文组:供三小
作者: KDragon3615 (KDragon)   2017-12-14 10:56:00
看不懂!!
作者: Fraining   2017-12-14 11:11:00
赶快推 不能被发现自己是文组
作者: slimc0527 (Hasuku)   2017-12-14 11:45:00
请不要拉高笨版程度好吗
作者: Survey (曾方元)   2017-12-14 11:54:00
这里是笨版欸.........
作者: elvisleeee (李先生)   2017-12-14 12:05:00
认真什么啦
作者: Imdream (梦想)   2017-12-14 12:28:00
原PO太聪明 害人去找聪明版了
作者: coco1104520 (coconl1104)   2017-12-14 12:42:00
天啊太聪明
作者: Nakazone (央人)   2017-12-14 13:06:00
你错版了啦XDDDD
作者: timh3316 (yoyo)   2017-12-14 13:22:00
楼下看不懂怒嘘
作者: qaz559 (yorke)   2017-12-14 13:29:00
天ㄚ
作者: vi000246 (Vi)   2017-12-14 15:33:00
用文字的验证码更好破解 说不定我判断星星数就能知道是什么数字了 连openCV都用不到
作者: hsp790604 (BEN)   2017-12-14 15:41:00
专业(怎么办,楼主在教什么,我怎么看不懂,赶快跟推,才不会被人笑不懂
作者: dandingduck (淡定の鴨子)   2017-12-14 16:15:00
作者: RiTaYin (梦语)   2017-12-14 16:23:00
您说的是中文吗
作者: pong9001 (辣哥)   2017-12-14 16:39:00
推 聪明教学文
作者: im5jsu06 (7pupu)   2017-12-14 17:14:00
推专业
作者: gngn5566 (方方)   2017-12-14 18:21:00
请右转聪明板
作者: areare38 (包子)   2017-12-14 18:29:00
需要文组懒人包
作者: jhongsian (呆)   2017-12-14 19:07:00
啃太专业推
作者: goldstorm (哦齁哦齁)   2017-12-14 19:27:00
还好看得懂 长知识了呢!
作者: YaCi98 (YaCi)   2017-12-15 02:50:00
错版囉
作者: key1000 (GENPAOYO)   2017-12-15 11:50:00
连我这文组都看的懂惹
作者: evaal (AL)   2017-12-15 13:11:00
欺负文组给嘘
作者: Ephraim (Ephraim)   2017-12-15 13:12:00
你走错版了吧....
作者: rcak801 (阿常)   2017-12-15 14:09:00
但这个验证码对电脑判断根本没用 完全无法阻止恶意攻击
作者: iflost (呆呆腰不腰埋姜由)   2017-12-16 07:58:00
推专业
作者: andy6001 (枫叶是白色的!!!)   2017-12-16 09:25:00
这不是笨版,涨知识了
作者: bill91305 (宇风)   2017-12-16 14:01:00
长知识了,左转聪明版
作者: aic8382 (白日梦Evanesce)   2017-12-17 03:40:00
笨点是原PO很搞刚的绕了一大圈 发现有更简单的解法阿
作者: rj486 (rj486)   2017-12-17 14:49:00
看完你这篇我头都痛了.
作者: lazybonebone (小柏)   2017-12-17 16:24:00
专业推
作者: sorryfly   2017-12-18 18:58:00
太聪明了
作者: ForgerEames (造.梦)   2017-12-18 19:50:00
推看笨版长知识XD
作者: aacj2642 (湮影)   2017-12-19 10:22:00
好猛
作者: magicsiren ( 四季)   2017-12-19 17:57:00
聪明推,感谢教学XD
作者: JANUARZ (Z医生)   2017-12-21 16:43:00

Links booklink

Contact Us: admin [ a t ] ucptt.com