背景
最近在学习 langchain 相关的知识，在看到使用 MCP 调用 playwright 工具时有了一点启发，于是乎想着做一个页面内容的总结助手玩玩。最初的想法是做一个类似 Gemini 的界面，每次对话内容就是向其提供一个网页链接，让其流式输出网页的内容总结，运行效果如下：
不过每次都需要复制网页链接，再跳到这个页面，得到总结内容对用户来说还是太不友好了，能否在浏览网页的时候，点击页面上的一个按钮，自动总结这个网页的内容呢？这个时候油猴就派上用场了。
实现
在页面上添加一个悬浮球，点击悬浮球时获取当前网页的 url，传递到后端接口，后端接口将 url 传入设置好的提示词，让 agent 利用 playwright 工具抓取网页内容并分析，将分析结果回传到前端的悬浮球展开面板上，用户就可以获取到当前网页的内容总结了，网页分析助手的运行效果如下：
任何界面都可以使用，这里我用的模型是 Qwen-8B，所以呈现结果会稍慢，效果做了加速处理，此外悬浮球还提供了吸附功能，根据拖拽结束后悬浮球的位置自动吸附到页面左边缘或者右边缘。
Langchain 真是太好玩辣！
