抖音私信内嵌浮窗

Created at a month ago
Updated at a month ago
自动在抖音 Web 页面内以内嵌浮窗打开官方私信页,支持拖动、缩放、最小化、关闭和状态记忆
#抖音
#悬浮框
#私信
Statistics
Total Installs
74
Today's New
+0
User Rating
-
在抖音Web页面内以内嵌浮窗打开官方私信页,支持拖动、缩放等

抖音私信内嵌浮窗

一个脚本,用于优化抖音 Web 私信体验。

当前版本不再改造抖音原页面里的私信浮层,而是使用抖音官方完整私信页面 https://www.douyin.com/chat?isPopup=1,并将其以内嵌浮窗的形式显示在当前抖音页面中。

功能说明

自动打开私信浮窗

打开抖音 Web 页面后,脚本会自动创建一个私信浮窗,并加载官方私信页面:

https://www.douyin.com/chat?isPopup=1

脚本会避免在私信页自身递归打开浮窗。

拦截官方独立窗口

抖音原版私信弹窗里有一个“独立窗口 / 悬浮窗口”按钮,默认行为是打开一个新网页。

脚本会拦截相关的 window.open 或链接点击行为:

  • 如果目标是抖音私信相关 URL,则阻止新网页打开
  • 在当前页面内打开内嵌浮窗
  • 非私信链接仍走浏览器原本逻辑

可拖动

按住浮窗顶部标题栏可以拖动位置。

拖动时会临时禁用 iframe 鼠标事件,避免鼠标被 iframe 捕获导致拖动中断。

可缩放

拖动浮窗右下角可以调整大小。

默认尺寸为:

  • 宽度:当前窗口宽度的 52%
  • 高度:当前窗口高度的 78%

最小尺寸限制:

  • 宽度:360px
  • 高度:280px

最小化与还原

点击标题栏右侧的 _ 按钮后,浮窗会最小化到页面左下角。

当前最小化尺寸:

const MINIMIZED_WIDTH = 140;
const MINIMIZED_HEIGHT = 36;
const MINIMIZED_LEFT = 8;
const MINIMIZED_BOTTOM = 42;

最小化后:

  • 浮窗显示为左下角小条
  • 点击小条本身可以还原
  • 点击 按钮也可以还原
  • 正常浮窗的位置和大小会保留

状态记忆

脚本会使用 localStorage 保存浮窗状态:

const STORE_KEY = 'dy-chat-float-window-v1';

会记住:

  • 宽度
  • 高度
  • 横向位置
  • 纵向位置
  • 是否最小化

操作按钮

浮窗顶部按钮:

  • R:刷新内嵌私信页面
  • O:在新标签页打开当前私信页面
  • _ / :最小化 / 还原
  • x:关闭浮窗
Script Details
License
Not declared
No license declared — reuse with caution