Back to Weixinmpsdk

🚀 URL变化检测功能演示

tools/WeixinBrowserPlugin/src/demo-url-change-feature.html

2025.12.021.2 KB
Original Source

🚀 URL变化检测功能演示

微信浏览器插件 - 智能URL变化检测与iframe自动重新加载

🔄

智能URL检测

自动检测页面URL变化,判断是否需要重新加载AI助手内容

防抖优化

使用防抖机制避免频繁检查,提升性能和用户体验

🎯

精确同步

iframe内容与当前页面URL保持完美同步,确保AI助手提供准确的帮助

🧪 测试步骤

  1. 打开浮窗: 点击页面上的绿色"Senparc.Weixin.AI"按钮打开AI助手浮窗
  2. 观察URL: 注意当前页面的URL和iframe中加载的内容
  3. 关闭浮窗: 点击浮窗右上角的关闭按钮
  4. 模拟URL变化: 点击下方的"模拟URL变化"按钮改变页面URL
  5. 重新打开: 再次点击绿色按钮打开浮窗
  6. 验证结果: 观察iframe是否自动加载了新URL对应的内容

当前页面URL:
加载中...

🔄 模拟URL变化 🔙 重置URL 🤖 自动测试 🧹 清除日志

🎯 演示页面已加载,等待操作...

⚠️ 注意: 此演示需要在微信开发者文档页面(developers.weixin.qq.com)加载插件才能完整体验所有功能。

✅ 插件已加载: 检测到Senparc.Weixin.AI插件,可以开始测试!