分享一个自用的简单的 URL 参数编辑小工具

283 天前
 bertonzh

在业务中经常有手动修改 URL 参数的需求(测试等常见),尤其是在移动端 webview 场景下,URL 往往是两层格式,类似这样:

someapp://webview/?hide_nav_bar=1&url=encode('https://www.example.com/param1=1&param2=2')

这样想编辑里面那一层的字段就比较麻烦。

所以在一年多以前简单写了一个工具,用原生 URL API 把链接解析成对象,然后用转成 JSON5 格式,填到代码编辑器中,需要改参数就直接改 JSON5 代码,修改后会自动回填到 URL 地址栏。

选择 JSON5 是因为它对语法要求没 JSON 那么严格。(当然这里用 YAML 之类的格式可能更友好)

没有选择图形界面(一些类似的工具会提供图形界面)一方面是懒,另一方面是觉得,想编辑 URL 参数的人,或多或少应该懂一些代码。

一个很简单的小工具,没啥技术含量。不过平时用的比较多,想到应该会有一些人有类似的需求,就分享给大家。

例子: https://meowtec.github.io/url-editor/#eJw9zN0KgCAMgNGn2W2GplgQUVTvYTEoyJKyn8dvuygYHxw2dmweXQiFEDcO14y3qM59KacYwwGqBtnTXBKfZNw8S/XRDaDaiOME0qzOIwmk7jJKYyk2/UkPdN4wNS8MR3+sOz7JXzryIys=

(工具会把一定长度内的 URL 实时压缩并转成 Base64 放在 hash 中,所以这个工具顺带有一个 URL 分享能力)

1557 次点击
所在节点    分享创造
6 条回复
aino
282 天前
bertonzh
282 天前
@aino 这个工具展示挺简洁的,但是编辑转 URL 的交互挺奇葩
studyrun
281 天前
postman 之类的工具不是直接就能生成?
bertonzh
281 天前
@studyrun 不用 Postman
bertonzh
281 天前
@studyrun 我刚才试了下 Postman ,确实可以编辑 URL ,但是有两个问题:
第一:它解析后的参数值是编码过的,而且找不到如何显示编码前的开关,这比较出乎我的意料。(我平时不用 Postman ,我认为这个设计是有缺陷的)
第二:我这个支持多层解析(即截图里的这个样子),也许这个需求点比较特别,但是肯定不是我一个人有这个需求。我这篇帖子是分享给有这个需求的人的。

如果觉得 XXX 工具就能满足你们的要求,直接关掉就好了,不需要再专门告诉我了,我知道这类工具肯定很多。
studyrun
281 天前
@bertonzh #5 我只是提出:该功能可以从平常使用的工具生成。给大家提供多一种思路而已,并没有否定你这个工具的意思

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/962524

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX