[chrome 插件] 做了个豆瓣查分插件

[warrenwt]


## 场景：

我有时候想看电影了，会去一些帖子上看推荐，比如知乎，头条，但是我有一个前提就是看电影分太低的不看，然后就会涉及到一系列操作：复制电影名》打开新标签》点开豆瓣主页》粘贴电影名》回车，这样这有点折腾啊。

## 需求：

于是我一直想着能不能找个插件直接复制名字就能知道豆瓣分数的，然后商店找了一番不是不好用就是停了，于是我想不如自己做个吧，做那种能最快查询电影豆瓣评分的插件，方便自己说不定也能方便他人呢，hhh

## 实现：

随后就是分析了下这个小应用的技术架构，前端：理解 chrome 插件运行原理，并手操，后端：准备豆瓣数据，接口返回数据

## 成果展示：

最后呈现效果我就直接贴视频了，欢迎大家踊跃提些意见~
[传送门]( <amp-youtube data-videoid="yORasQMiIDM" layout="responsive" width="480" height="270"></amp-youtube>)

[mars2023]

需要复制有点麻烦；
1 、是否可以参考沙拉查单词的方式做交互？
2 、或者将交互添加到右键菜单里面。

以上两个操作都比复制，点击弹窗黏贴更便捷。

[Vendettar]

对，俺赞同一楼。

[ShaunSS]

快捷键 + 选中的交互方案能更优雅很多～

[Natsumoku]

针对你的这个场景，其实还有两种解决方案：
1. 用拖拽插件。拖拽插件有些支持自定义搜索引擎，豆瓣电影的搜索链接是 https://search.douban.com/movie/subject_search?search_text=%s 这样能把你说的一长串操作简化到两步“网页上选中文字>往某个方向拖拽”，获得一个新的已经是搜索结果的豆瓣标签页。
2. 用 Quicker 。Quicker 能做到的实在太多，我自己就在用它快速搜豆瓣。录了个 gif （轮盘是长按鼠标右键后出现的，拉红线的时候右键不松手，松手的时候触发）：


当然，你写的这个插件能做到不开新标签页就知道电影评分，这是以上方案做不到的。

[crab]

@mars2023 脚本书签。选中名称后点下书签。


javascript:function se(d) {return d.selection ? d.selection.createRange().text : d.getSelection()} s = se(document); for (i=0; i<frames.length && !s; i++) s = se(frames[i].document); if (!s || s==%27%27) s = prompt(%27Enter search terms for douban movie%27,%27%27); open(%27http://movie.douban.com%27 + (s ? %27/subject_search?search_text=%27 + encodeURIComponent(s) : %27%27)).focus();

[warrenwt]

@mars2023 好嘞，感谢建议，后期做升级时候参考一下

[warrenwt]

@ShaunSS 好的，谢谢建议~

[warrenwt]

@Natsumoku 阔以的，其实做到跟沙拉查单词那样应该基本跟你说的理想情况就差不多了，后期给他升级一波

[warrenwt]

@Vendettar 好嘞，后期给升级一下

[hanssx]

做了我一直想做的，建议取名为“右键观影“，我初中时就想这么搞，再加上一堆链接，直接右键能下载，甚至能预览。。

[warrenwt]

@hanssx 预览可以，下载不能搞，不刑啊