MCP插件使用（browser-tools-mcp为例）

Ne0inhk

— 2 min read
MCP插件使用（browser-tools-mcp为例）

1. 环境配置（Brower Tools为例）

python 安装 nodejs 安装 mkdir C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp git clone https://github.com/AgentDeskAI/browser-tools-mcp.git "C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp"

2. MCP服务安装启动

cd C:\Users\Suoxd\Documents\Cline\MCP\browser-tools-mcp npminstall @agentdeskai/[email protected] npx @agentdeskai/[email protected] npx @agentdeskai/[email protected]

参考https://browsertools.agentdesk.ai/installation

在这里插入图片描述


在这里插入图片描述


在这里插入图片描述
在这里插入图片描述


在这里插入图片描述
在这里插入图片描述

3. 浏览器插件配置

https://github.com/AgentDeskAI/browser-tools-mcp/releases/download/v1.2.0/BrowserTools-1.2.0-extension.zip
在这里插入图片描述

4. Cline 服务配置

"browser-tools-mcp":{"command":"node","args":["d:/Suo/code/tmp-AI/browser-tools-mcp/browser-tools-mcp/dist/mcp-server.js"],"disabled":false,"autoApprove":[]}

5. 最终效果

浏览器端调试工具增加了插件页面

在这里插入图片描述


在这里插入图片描述
在这里插入图片描述

Read more

前端岗面试30万字原题含答案

前端岗面试30万字原题含答案

我们正处在前端发展的一个微妙节点。 曾几何时，几句 HTML、CSS 加个 jQuery 特效就能轻松拿 Offer；后来，掌握 Vue 或 React 便能成为市场宠儿。但现在，当你翻开这本“前端岗面试30万字原题含答案”时，我们所面对的前端世界，已经悄然变成了一场 “冰与火之歌”。 大环境的“冰”：在存量博弈中寻找缺口 当下的技术招聘市场，用一个字形容就是 “卷”。互联网行业从野蛮生长步入精耕细作，HC（招聘名额）紧缩，而涌入的求职者却依旧庞大。大厂不再仅仅为了业务扩张而招人，更看重候选人的不可替代性。 你不仅要与同级的毕业生竞争，还要与众多因公司业务调整而释放出来的、经验丰富的中高级开发者同台竞技。这就导致了一个现象：面试难度呈指数级上升。以前“背八股”就能通关，现在面试官更擅长从一个简单的知识点出发，逐步深挖到你知识体系的盲区。 面试的“火”：从“会用”到“

By Ne0inhk
【最新版】防伪溯源一体化管理系统+uniapp前端+搭建教程

【最新版】防伪溯源一体化管理系统+uniapp前端+搭建教程

一.介绍 防伪溯源一体化管理系统基于ThinkPHP和Uniapp进行开发的多平台（微信小程序、H5网页）溯源、防伪、管理一体化独立系统，拥有强大的防伪码和溯源码双码生成功能（内置多种生成规则）、批量大量导出防伪和溯源码码数据、支持代理商管理端（团队管理、采购，邀请代理商、出库等功能）、支持招商经理管理端（可管理代理商团队，邀请代理商，数据统计，采购订单统计），支持出厂员端（出库、入库）、文章资讯、自定义展示查询页显示数据、查询记录、溯源记录追踪等功能。前后端无加密源代码和数据库，独立部署。 二.搭建环境 系统环境：CentOS、 运行环境：宝 塔 Linux 网站环境：Nginx 1.2.22 + MySQL 5.6 + PHP-7.4 常见插件：fileinfo

By Ne0inhk
Java Web 开发：JSON 基础 + @Test 测试 + Cookie/Session/ 请求处理

Java Web 开发：JSON 基础 + @Test 测试 + Cookie/Session/ 请求处理

个人主页：♡喜欢做梦 欢迎  👍点赞  ➕关注  ❤️收藏  💬评论 目录 编辑 🍍JSON的概念  🍐概念  🍐@Test注解 🍑什么是@Test？ 🍑与JSON关联 🍑@Test标记的方法与main方法的区别  🍍JSON语法  🍐核心数据类型  🍐常见使用 🍑对象 🍑数组  🍑JSON字符串和Java对象的互转 🍑传递JSON 🍑获取URL中的参数 🍑上传文件：@RequestPart  🍍Cookie和Seeion  🍐Cookie 🍑什么是Cookie？ 🍑Cookie的获取  🍐Session 🍑什么是Session？  🍐Cookie和Session之间的关系 🍑Session的存储 🍑Session的获取 🍍获取header 🍍JSON的概念  🍐概念 JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。他基于JavaScript的一个子集，但采用了独立语言的文

By Ne0inhk
微信小程序webview postmessage通信指南

微信小程序webview postmessage通信指南

需求概述 在微信小程序中使用 web-view 组件与内嵌网页进行双向通信，主要通过 postMessage 实现。以下是完整的配置和使用方法： 通信指南 微信小程序webview官方文档 1. 基础配置 小程序端配置 // app.json 或 page.json { "usingComponents": {}, "permission": { "scope.webView": { "desc": "用于网页和小程序通信" } } } 网页端配置 <!-- 内嵌网页需引入微信JS-SDK --> <script src="https://res.wx.qq.com/open/

By Ne0inhk