作为一个房控,让我花很多时间来寻找酒店,定位酒店是很不爽的。而美团的房态管理作为一个失败的范例,无疑是非常成功的!先来看看房态管理面板:
可以看到:没!有!搜!索!框!
依靠自己的渣渣技术,上一个带计数功能的搜索框,把她搞服了,上图:
作为一个商家,在美团上面有效和无效的产品加起来400~500个条目。想要操作开关房状态的时候,还没有找到酒店,眼睛已瞎···
第一个想法:浏览器+人工搜索
可是活还得干,怎么办呢?第一次想到的方法是:利用浏览器搜索功能,粗略定位,再精确定位。比如我想找一家叫做“**美林湖温泉**”的酒店。正常页面是无能为力的了:
只能利用开发工具(Chrome:鼠标右击->审查元素或者Ctrl+Shift+I)搜索ID,粗略定位:
我们可以发现,列表每翻一页,是19个条目,那么431÷20≈22.7,那么应该按23次PageDown,总算在茫茫酒店海中找到了她!
然后在点击进入房态管理页面(手指按PageDown已经抽筋)~~~
第二个想法:制造工具,Chrome扩展
我们先要看看页面背后的代码结构:就是一个选项列表
解决原理很简单,好比选妾,不同时间有不同的口味,即标准。
符合我的选妾标准(keyword)的,安排住偏殿(element.hidden=false),不符合选妾标准的,打入冷宫(element.hidden=true).
列表里面,用JavaScript根据是否匹配关键词,改变下元素的hidden属性值就可以。
解决好了生成自己的Chrome.crx
这样我有需要的时候,看一样就知道我该找哪个妾(酒店)啦~~~然后临幸她,Yeah!进入房态管理~~~~
更重要的是,一劳永逸!!!!
(Tips:插件详细实现请看系列文章 二)