作为一个房控，让我花很多时间来寻找酒店，定位酒店是很不爽的。而美团的房态管理作为一个失败的范例，无疑是非常成功的！先来看看房态管理面板：

房态管理

可以看到：没！有！搜！索！框！

依靠自己的渣渣技术，上一个带计数功能的搜索框，把她搞服了，上图：

作为一个商家，在美团上面有效和无效的产品加起来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：插件详细实现请看系列文章 二）