弹出窗口代码生成器
网络所有处理都在浏览器本地完成,数据不上传服务器
输入
把文件拖到这里可直接载入
输出
填一个地址,调好尺寸、位置与几个开关,得到一段可以直接粘走的代码。这个工具有一半价值在告诉你哪些参数已经没用了:`menubar`、`toolbar`、`location`、`status` 在现代浏览器里一律被忽略(Chrome 与 Firefox 都不再让脚本隐藏地址栏 —— 那是反钓鱼设计),照抄一份「菜单栏=否」的代码出来只会让你以为生效了。另一半在安全默认值:`window.open` 打开同源页面时,新窗口能通过 `window.opener` 反过来操纵打开它的页面,所以代码默认补上 `noopener` 并清掉 `opener`。
功能
- 输出 window.open 代码或 `<a target="_blank">` 链接
- 尺寸、位置、可调整大小、滚动条都可调,越界值会被夹到合理区间
- 不生成已被浏览器忽略的 menubar / toolbar / location / status,并在页面上说明原因
- 默认带上 noopener 并清掉 `window.opener`(防反向操纵)
- 明确处理 noopener 的取舍:features 里写了它,window.open 会返回 null
- 地址做了字面量转义,URL 里的引号不会截断字符串
- 拒绝 javascript: / data: 这类伪协议地址 —— 它们不是「打开一个页面」
- 输出是 JS / HTML,带语法着色
使用方法
- 填入要打开的地址
- 调尺寸、位置与开关
- 选输出形态:window.open 代码,还是链接标签
- 复制走 —— 代码可以直接用
常见问题
- 为什么生成的代码里没有「隐藏地址栏」?
- 因为现代浏览器不允许。`location`、`menubar`、`toolbar`、`status` 这几个 features 参数在 Chrome 与 Firefox 里已经被忽略 —— 地址栏必须可见,否则钓鱼页面可以伪装成一个没有地址栏的可信界面。这是安全设计而不是浏览器偷懒,所以工具不生成它们,也不给你一个「看起来能做到」的错觉。
- noopener 有什么用?为什么默认打开?
- `window.open` 打开的同源页面能通过 `window.opener` 访问打开它的那个页面,并把它导航到别处 —— 这是钓鱼站的经典手法(你点了一个小窗口,主页面被换成了登录页)。`noopener` 会切断这个引用,代码里也会顺手把 `win.opener` 置空,两头都堵上。除非新窗口确实需要反过来控制父页面,否则没有理由关掉它。
- 勾了 noopener 之后,为什么代码里没有 `const win = window.open(...)`?
- 因为 features 里带 `noopener` 时 `window.open` 返回 `null`。这时 `if (win) win.opener = null` 那行永远不执行(不报错,但也没意义),而 `window.open(...).focus()` 这种写法会当场抛错。所以生成的代码在那一种情况下连句柄都不接,并把原因写在注释里 —— 让你一眼看出「这个写法拿不到窗口」。
- 为什么弹窗没弹出来?
- 最常见的原因是浏览器的弹窗拦截:只有由用户操作(点击、按键)直接触发的 `window.open` 才被允许。放在 `setTimeout` 里、写在页面加载时、或者在 `await` 之后调用,都会被判为「非用户触发」而拦下 —— 表现是函数正常返回、窗口没出现。请在按钮的点击处理函数里直接调用它。
相关工具
cURL 工具箱(转代码 / 解析 / 构建)
网络粘贴 curl 命令转成七种语言的代码,或拆成方法、请求头与请求体的字段表;也能把一份 HTTP 请求反向构建成 curl 命令。
HTML 转 JS
网络把一段 HTML 转义成 JS 字符串(含 `</script>` 打断、引号与换行处理),反向也能把转义字符串还原成 HTML。全部在浏览器本地完成。
正则测试
文本浏览器里调试正则:匹配实时高亮、捕获组、替换预览,并挡住灾难性回溯;调好可生成 JavaScript、Python、Java、Go、PHP 代码,反向引用按语言转换。
URL 解析
网络在线 URL 解析:拆出协议、主机、端口、路径、查询参数与锚点,参数逐个解码并与原始值对照,缺协议自动补 https://。全部在浏览器本地完成。
UA 解析
网络在线 User-Agent 解析:识别浏览器、版本、操作系统、设备类型与渲染引擎,并列出命中的匹配规则。结果基于模式匹配,仅供参考。全部在浏览器本地完成。
HTTP 状态码
网络HTTP 状态码查询与速查:输入编号查含义、1xx 到 5xx 分类、常见场景与排查提示,也能用关键词反查编号。全部在浏览器本地完成。