新闻详情

新闻详情

首页 / 资讯中心 / 详情

手把手实现一个装修在线报价系统:可编辑表格 + 实时算量引擎(纯前端 JS)

发布时间:2026/9/27 20:35:11来源:尧图网络
手把手实现一个装修在线报价系统:可编辑表格 + 实时算量引擎(纯前端 JS)
做内容运营或自托管 Agent 的同学大概率遇到过这类需求要在多个平台百家号、知乎、微博、CSDN、公众号上自动写稿发文但每个平台都要扫码登录总不能每次跑脚本都重新登录一遍。本文讲一套可落地的方案用 Edge 的 CDPChrome DevTools Protocol远程控制一个常驻、已登录的浏览器实例Playwright 通过connect_over_cdp直接接管实现登录一次、长期复用。## 核心思路正常playwright.launch()每次都是全新浏览器cookie 全空。要保留登录态关键是两点1.固定用户数据目录启动时带上--user-data-dir让所有 cookie、localStorage 落盘到同一目录2.通过 CDP 接管而非新开启动参数加--remote-debugging-port9222再用connect_over_cdp(http://127.0.0.1:9222)连上。pythonimport sysfrom playwright.sync_api import sync_playwrightCDP http://127.0.0.1:9222with sync_playwright() as p: b p.chromium.connect_over_cdp(CDP) ctx b.contexts[0] # 复用已登录的上下文 page ctx.new_page() page.goto(https://baijiahao.baidu.com/builder/rc/edit?typenews) # 此时浏览器已经是登录态无需再扫码## 启动命令含登录态保持bashmsedge.exe --remote-debugging-port9222 \ --user-data-dirC:/path/to/edge-profile \ --no-first-run --no-default-browser-checkuser-data-dir 必须固定。只要这个目录不变哪怕浏览器进程被回收重启下次连上还是原来的登录态——这是整个方案能无人值守的关键。## 填稿SPA 编辑器要等 hydrate现代富文本编辑器如百家号、公众号大多是 SPAgoto 后 DOM 还没就绪直接找 contenteditable 会失败。正确做法是轮询等正文编辑区出现pythonbody_frame Nonefor _ in range(45): for fr in page.frames: try: if fr.evaluate(“() document.body.getAttribute(‘contenteditable’)‘true’): body_frame fr; break except Exception: pass if body_frame: break time.sleep(1)正文用 keyboard.insert_text 逐段写入比 type 稳定标题先 Controla 清空再填避免和上次内容叠加。## 发布时的坑按钮被遮罩盖住百家号点发布前编辑器会跑一段检测期间一个 .bjh-btn-disable-mask 层盖住发布按钮。不处理的话点击无效、毫无反应。解决办法是发布前轮询遮罩是否消失pythoncovered page.evaluate(‘’() { const pub […document.querySelectorAll(‘button’)].find(x x.innerText.trim()‘发布’); if (!pub) return true; const r pub.getBoundingClientRect(); const top document.elementFromPoint(r.xr.width/2, r.yr.height/2); return top ? !!top.closest(‘.bjh-btn-disable-mask’) : true;}‘’)并且发布按钮要用精确文本匹配innerText.trim()发布用has-text(发布)会误点到定时发布”。## 公众号封面的从正文选择陷阱公众号编辑器不让直接拖拽上传封面必须先把图插进正文再到封面区点从正文选择。而那个按钮藏在 hover 浮层里0×0 尺寸Playwright 的.click()会因元素不稳定超时得改用 JSel.click()强制触发。## 小结- 登录态 固定--user-data-dirconnect_over_cdp别用launch()- 填稿前等 SPA hydrate正文用insert_text- 发布按钮先等遮罩消失再精确匹配文本- 平台特有交互公众号封面、百家号封面确认按上面套路兜底。把这几条封装成启动 Edge → 轮询 CDP → 跑脚本的单一命令就能做到一键多发、无人值守。
网站建设高端定制企业官网
RELATED

相关资讯

更多精彩内容,欢迎继续阅读

较早相关资讯

最新相关资讯

[AI工程] Spring AI 专题开篇:15 篇讲完 2.0 的提示词、RAG、MCP 与 Agent 2026/9/27 21:21:51

[AI工程] Spring AI 专题开篇:15 篇讲完 2.0 的提示词、RAG、MCP 与 Agent

💡 Spring AI 2.0 出来之后,我把自己写过的东西重投了一遍,发现最大的问题不是"少讲了哪个 API",而是很多 1.x 时代的博客和示例,在 2.0 上照着抄就跑不通:ChatClient.Builder 的默认方法换了、工…

阅读更多 →
轻量级游戏服务器运营日志平台实战 2026/9/27 21:21:51

轻量级游戏服务器运营日志平台实战

背景:游戏集群通常由大量分散的游戏节点构成,多台服务器各自独立输出玩家行为日志。如果登录每台机器翻日志,排查问题效率极低。我们需要一套统一的日志采集平台,将所有游戏节点日志集中收集、实时入库、支持检索,并自…

阅读更多 →
临沂网站建设l临沂避坑指南:图解步骤拆解域名服务器难题 2026/9/27 21:21:51

临沂网站建设l临沂避坑指南:图解步骤拆解域名服务器难题

临沂网站建设l临沂避坑指南:图解步骤拆解域名服务器难题 域名买错、服务器配错,这俩坑能让临沂本地企业建站多花几万块冤枉钱。别被销售忽悠着下单,看懂这篇 图解步骤 ,你自己就能把底裤扒干净。…

阅读更多 →
短视频AI配音工具怎么选?以逗哥配音为例的实操体验 2026/9/27 21:21:51

短视频AI配音工具怎么选?以逗哥配音为例的实操体验

演示声明:下文以逗哥配音为使用案例,记录个人实操体验,不构成购买推荐。是否契合你的工作流,建议结合自身文案和发布平台先在线试听判断。结论先看做短视频配音,想兼顾操作简单和声音自然,音色数量多少其实…

阅读更多 →
gopls v0.16.0 发布指南:Go 1.23 语言支持、内置文档查看器与全新静态分析器 2026/9/27 21:21:44

gopls v0.16.0 发布指南:Go 1.23 语言支持、内置文档查看器与全新静态分析器

开发工具静态分析代码质量IDE代码生成 【免费下载链接】tools [mirror] Go Tools 项目地址: https://gitcode.com/gh_mirrors/too/tools 点击查看 免费下载 本篇文章基于 gopls 官方发布说明 gopls/doc/release/v0.16.0.md 整理并补充仓库源码级佐证。gopls v0.16.…

阅读更多 →
WaLiOffice Excel 工具实战:sheet_generate 多表生成与 rust-xlsxwriter XLSX 渲染 2026/9/27 21:21:37

WaLiOffice Excel 工具实战:sheet_generate 多表生成与 rust-xlsxwriter XLSX 渲染

文档教程后端 【免费下载链接】CodeGuide :books: 本代码库是作者小傅哥多年从事一线互联网 Java 开发的学习历程技术汇总,旨在为大家提供一个清晰详细的学习教程,侧重点更倾向编写Java核心内容。如果本仓库能为您提供帮助,请给予支持(关注、…

阅读更多 →

今日资讯

本周资讯

本月资讯

看完文章仍有疑问?

联系尧图顾问,获取一对一建站咨询

立即免费咨询 📞 400-888-8888
📞 ✉