chrome 下有没有一种可以格式化 url 的插件？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 665 天前的主题，其中的信息可能已经有所发展或是发生改变。

就是想实现类似 hackbar 那样的 url 分割功能，但 hackbar 对我来说臃肿了些，里边那些很刑的工具我也用不着，遂想问问有没有能实时分割 url 的插件，能适用于Chromium 系列浏览器的。

e.g.

假设一条 url write/#local/index.php?a=model&limit=10&search=1230

然后把他显示成这样

https:// www.v2ex.com /write /#local /index.php ?a=model &limit=10 &search=1230

URL

hackbar

插件

分割

11 条回复 2024-02-29 17:20:06 +08:00

dengshen

2024-02-28 18:22:12 +08:00 via iPhone

这自己写一个吧也不难

MENGKE

2024-02-28 18:23:13 +08:00

new URL('write/#local/index.php?a=model&limit=10&search=1230')

ae86

2024-02-28 18:41:28 +08:00

这个还需要插件吗？我感觉控制台运行一下信息基本都有了吧

new URL(window.location.href)
Object.fromEntries(new URLSearchParams(window.location.href))

如果实在想要感觉重头写一个也可以

ae86

2024-02-28 19:49:51 +08:00

或者有很多在线解析的网站，也很方便，单独做成插件感觉意义不大，即使做了怎么显示呢？点击插件图标弹个 popup 吗？

aitianci

2024-02-28 19:55:29 +08:00 via Android

我还以为是要去掉跟踪，我在用一个叫 Neat Url 的扩展，可以自动干掉 url 里的跟踪参数

sayitagain

2024-02-29 10:44:29 +08:00

笑死了，我自己写了个本地工具是跟你反过来的

realJamespond

2024-02-29 12:03:07 +08:00

qs 不是干这个的么

jifengg

2024-02-29 13:52:53 +08:00

但是你希望的“/#local”这个就不是标准的 URL 了，#后面的是 hash 内容，它理论上是任何文本格式都 ok 的

codehz

2024-02-29 16:13:13 +08:00

这样的函数写一个出来就好了（）
function split(x) { return x.replace(/^( https?):\/\//, '$1:').replace(/(\/|\?|&)/g, '\n$1').replace(/^( https?):/, '$1://\n') }
emoji 是为了防止//被替换成两个换行符+/

AoEiuV020JP

2024-02-29 17:16:46 +08:00

偶尔有用这个网站处理，不常用，连书签都没保存，都是现搜现用的，
https://www.freeformatter.com/url-parser-query-string-splitter.html

AoEiuV020JP

2024-02-29 17:20:06 +08:00

@AoEiuV020JP #10 等等，op 的需求里还包含对#后面内容的处理，这个是真的少见，毕竟按照规范#后面所有内容是一个不解析的字符串 hash ，
不过现在各种 route 模式流行，在 hash 里放 path 和 arguments 也是常态了，或许真的需要一个连 hash 也解析的工具，但我没见过，很可能目前是没有的，