文档备案控制台登录立即注册
首页
AI 大模型体验中心AI 大模型体验中心AI 大模型体验中心
动手实验室动手实验室动手实验室
Agent 评测集Agent 评测集Agent 评测集
AI 案例广场AI 案例广场AI 案例广场
火山杯大赛学习中心
社区
去发布
首页
AI 大模型体验中心AI 大模型体验中心AI 大模型体验中心
动手实验室动手实验室动手实验室
Agent 评测集Agent 评测集Agent 评测集
AI 案例广场AI 案例广场AI 案例广场
学习中心
社区
See-Tool在线工具
See-Tool在线工具
文章
专栏
问答
See-Tool在线工具
See-Tool在线工具
短网址还原 在线工具核心JS实现
技术前端JavaScriptVue
这篇只讲“短网址还原”工具的功能层 JavaScript 实现。工具由我用 Vue 开发,核心目标是把短链接还原成真实地址,并把状态结果清晰返回给页面。整体链路可以概括成:在线工具网址:https://see-tool.com/short-url-restore工具截图:前端和服务端都做了 URL 规范化:去空格、补协议、限制协议类型。这样像 这类输入会先转成可请求格式,非法链接会在入口直接拦截
22
0
0
0
See-Tool在线工具
See-Tool在线工具
短网址还原 在线工具分享
技术前端VueJavaScript
平时在微信、QQ群、论坛里经常会看到短链接,但短链接本身看不出真实目标地址,很多人点之前都会担心:这到底会跳到哪里?所以我用 Vue 开发了一个「短网址还原」在线工具,输入短链接就能还原出真实地址,并查看跳转结果,普通用户也能直接上手。在线工具网址:https://see-tool.com/short-url-restore工具截图:这个工具主要能做三件事:解析短网址,得到最终真实链接查看重定向结
65
0
0
0
See-Tool在线工具
See-Tool在线工具
ASCII艺术字生成 在线工具核心JS实现
技术前端JavaScriptVue
这篇只讲本项目里“ASCII艺术字生成”工具的功能层 JS。整个工具用 Vue 管理输入、字体、布局和结果状态,真正的字符画生成交给 FIGlet 完成,核心链路可以概括成:。在线工具网址:https://see-tool.com/ascii-art-generator工具截图:这个工具没有把字符画逻辑直接写进页面,而是单独封装了一个浏览器助手对象,对外只暴露两部分能力:字体列表 ,以及生成函数
27
0
0
0
See-Tool在线工具
See-Tool在线工具
在线图片格式转换工具核心JS实现
技术前端JavaScriptVue
图片格式转换看起来是一个简单按钮功能,但真正可用的在线工具,核心在于把“上传、参数、转换、回显、下载”串成一条稳定流程。本文只讲这个工具的功能 JS 设计与实现。在线工具网址:https://see-tool.com/image-format-converter工具截图:工具提供三类核心能力:多图上传与管理(拖拽、点选、删除、清空)多格式转换(JPEG、PNG、WebP、AVIF、GIF、BMP)
19
0
0
0
See-Tool在线工具
See-Tool在线工具
图片格式转换 在线工具分享
技术前端VueJavaScript
日常用手机或电脑处理图片时,最常见的问题就是格式不对:有的网站只收 JPG,有的设计场景更适合 PNG,想压缩体积又希望转成 WebP。遇到这种情况,很多人会去装软件,但其实用在线工具就能快速完成。在线工具网址:https://see-tool.com/image-format-converter工具截图:我做的这款图片格式转换工具,面向普通用户,主打“打开就能用”。支持常见格式互转,包括 JPG
27
0
0
0
See-Tool在线工具
See-Tool在线工具
基于 pdf-lib 的图片转PDF工具核心JS实现
技术前端VueJavaScript
这篇只讲功能层 JavaScript 实现。这个工具是我用 Vue 组织页面交互,再配合 在浏览器端完成 PDF 生成。 是公开可用的通用开源库(MIT 许可),可直接用于浏览器和 Node.js。核心流程是:在线工具网址:https://see-tool.com/image-to-pdf工具截图: 在这里主要负责三件事:创建 PDF 文档、把图片字节嵌入文档、按给定坐标绘制到页面。它的调用模型
39
0
0
0
See-Tool在线工具
See-Tool在线工具
图片转PDF 在线工具分享
技术前端JavaScriptVue
日常办公、学习和资料提交里,最常见的需求之一就是把图片整理成一个 PDF:比如作业拍照、合同截图、证件材料、报销凭证等。很多人会去找软件安装,其实更省事的方法是直接用在线工具,打开网页就能完成。我做的这个图片转 PDF 工具,重点就是让普通用户“少折腾、快完成”。不需要注册,不需要安装,按步骤点几下就能导出 PDF 文件。在线工具网址:https://see-tool.com/image-to-p
58
0
0
0
See-Tool在线工具
See-Tool在线工具
在线图片压缩工具核心JS实现
技术前端VueJavaScript
这篇只讲本项目“图片压缩”工具的功能层 JavaScript 实现。整体链路是:在线工具网址:https://see-tool.com/image-compressor工具截图:工具初始化后维护一个轻量状态对象,核心是 数组和当前预览索引。每张图片在内存里都是一个独立对象,既保存原图信息,也保存压缩结果信息:原图:、、、、压缩图:、、、、控制字段:、这种结构的好处是,单图更新不会影响其他图片,批
13
0
0
0
See-Tool在线工具
See-Tool在线工具
在线简单随机数生成器核心JS实现(Vue版)
技术前端VueJavaScript
这篇只讲这个工具的功能 JS。整体基于 Vue 组合式 API,核心流程是:在线工具网址:https://see-tool.com/random-number-generator工具截图:随机数工具看起来简单,但可变项不少:数字类型、是否去重、小数位、排序、分隔符、数量、范围、结果文本、结果数组。实现里把这些都放在响应式状态里,保证按钮点击、统计卡片、结果区同步更新。生成动作入口先做三层校验:,否
19
0
0
0
See-Tool在线工具
See-Tool在线工具
简单随机数生成器 在线工具分享
技术前端VueJavaScript
日常抽奖、点名、分组、测试数据时,经常会用到随机数。相比手动输入或套公式,这个在线工具打开就能用,电脑和手机都方便。这个简单随机数生成器是我用 Vue 开发的,重点是上手快、操作清晰。你只需要设置范围和数量,就能马上得到结果,不用注册,也不用下载安装软件。在线工具网址:https://see-tool.com/random-number-generator工具截图:按区间生成随机整数或小数一次生成
141
0
0
0
See-Tool在线工具
See-Tool在线工具
在线域名DNS查询工具核心JS实现
技术前端JavaScriptVue
这篇文章只讲本项目里“域名DNS查询”工具的功能 JS 实现。整个工具用 Vue 组织交互状态,查询端走 DoH(DNS over HTTPS),最终把 DNS 记录整理成可直接展示的表格数据。核心链路很简单:在线工具网址:https://see-tool.com/dns-query工具截图:前端不会直接拿输入框原值查询,而是先做统一处理:转小写、去协议、去路径、去端口、去结尾点。这一步把 统一
17
0
0
0
See-Tool在线工具
See-Tool在线工具
域名DNS查询 在线工具分享
技术前端VueJavaScript
有时候网站打不开、访问变慢、邮箱收不到信,问题不一定在服务器,也可能出在 DNS 配置上。为了让普通用户也能快速排查这类问题,我做了这个域名 DNS 查询在线工具。这是我用 Vue 开发的一个小工具,不用安装软件,打开网页就能查,适合日常自查和基础运维场景。在线工具网址:https://see-tool.com/dns-query工具截图:查询常见记录类型:、、、、、快速查看解析结果和基础信息协助
90
0
0
0
See-Tool在线工具
See-Tool在线工具
基于 ZXing 的 Vue 在线条形码扫描器实现
技术前端VueJavaScript
这篇文章只讲本项目里“在线条形码扫描器”工具的功能 JavaScript 实现。它的目标很直接:让用户通过上传图片或调用摄像头,识别常见条形码内容,并把结果整理成可复制的文本。在线工具网址:https://see-tool.com/barcode-scanner工具截图:整个实现可以拆成 5 段:状态组织、扫描器初始化、图片识别、摄像头识别、结果整理与复制。这个工具的前端状态不复杂,核心就是把一次
22
0
0
0
See-Tool在线工具
See-Tool在线工具
在线条形码扫描器分享
技术前端VueJavaScript
超市商品、快递单、图书封底、仓库标签上的条形码,有时候只是想在电脑上快速识别一下内容,不想再拿手机装 App。这个「在线条形码扫描器」就是为这种场景做的,打开浏览器就能用。这个工具是我用 Vue(基于 Nuxt 3 / Vue 3)开发的,支持图片上传和摄像头实时扫描,常见的 UPC、EAN、Code 128 等格式都能识别。识别过程在浏览器端完成,图片和摄像头画面不会被我单独保存,用起来更直接。
39
0
0
0
See-Tool在线工具
See-Tool在线工具
基于 ZXing 的 Vue 在线二维码扫描器实现
技术前端JavaScriptVue
这篇只讲功能层 JavaScript:同一个扫描器同时支持“图片上传识别”和“摄像头实时识别”,识别到的内容进入结果列表,并提供复制能力。在线工具网址:https://see-tool.com/qrcode-scanner工具截图:识别依赖 ZXing()的 ,主要用到两种解码方式:图片:摄像头:下面按功能模块拆开讲核心实现。Nuxt 有 SSR, 会先在服务器执行一次生成 HTML。服务器环境没
18
0
0
0
See-Tool在线工具
See-Tool在线工具
在线二维码扫描器分享
技术前端JavaScriptVue
日常遇到海报、快递单、会议资料或聊天截图里的二维码,但不方便用手机(比如手机不在身边、没电、摄像头不方便对焦)时,可以直接用「在线二维码扫描器」在浏览器里识别。这个工具是我用 Vue(基于 Nuxt 3 / Vue 3)开发的,识别过程在浏览器本地完成:你上传的图片或摄像头画面不会被我保存。在线工具网址:https://see-tool.com/qrcode-scanner工具截图:支持两种方式:
80
0
0
0
See-Tool在线工具
See-Tool在线工具
HTTP状态查询 在线工具核心JS实现
技术前端VueJavaScript
这篇文章只讲本项目里“HTTP状态查询”工具的功能 JavaScript 实现。它的目标很明确:用户输入一个网址后,返回当前状态码、重定向链路、响应头、页面标题、IP 和耗时等信息。在线工具网址:https://see-tool.com/http-status-query工具截图:整个实现可以拆成 4 段:输入规范化、请求触发、服务端逐跳探测、结果整理展示。这个工具不会直接拿用户原始输入去请求,而
11
0
0
0
See-Tool在线工具
See-Tool在线工具
HTTP状态查询 在线工具分享
技术前端VueJavaScript
平时遇到网页打不开、链接跳来跳去、页面突然报错,很多人第一反应是不知道问题出在哪。其实这类情况,先查一下网址返回的 HTTP 状态码,往往就能快速判断大概原因。所以我用 Vue 开发了一个「HTTP状态查询」在线工具,不用安装软件,打开网页输入网址就能查,适合普通用户做日常排查。在线工具网址:https://see-tool.com/http-status-query工具截图:这个工具可以帮你看这
98
0
0
0
See-Tool在线工具
See-Tool在线工具
中文域名转码 在线工具核心JS实现
技术前端VueJavaScript
这个中文域名转码工具的核心功能并不复杂,重点是把“输入清洗、编码转换、解码转换、结果反馈”这几件事串成一个顺手的流程。整个交互是我用 Vue 做的,实际 JS 逻辑主要围绕几个小函数展开。在线工具网址:https://see-tool.com/chinese-domain-converter工具截图:普通用户输入的内容往往不干净,可能直接粘贴完整网址,也可能带有 、、、路径参数,甚至末尾还有 。如
8
0
0
0
See-Tool在线工具
See-Tool在线工具
中文域名转码 在线工具分享
技术前端JavaScriptVue
很多人第一次接触中文域名时,都会遇到一个问题:明明输入的是中文网址,复制出来却变成了 开头的一串字符。其实这不是乱码,而是域名系统使用的 Punycode 编码。我做了一个用 Vue 开发的在线小工具——中文域名转码,专门帮助普通用户在中文域名和 Punycode 之间快速互转,打开网页就能用,不需要安装软件。在线工具网址:https://see-tool.com/chinese-domain-
42
0
0
0