Chrome 开发模式调试 JS 脚本

查看相关主题:

感谢阮一峰Newsletter提到的信息

https://www.ruanyifeng.com/blog/2022/07/weekly-issue-216.html

参考

https://blog.openreplay.com/how-to-use-chrome-as-a-code-editor-and-debugger

 可以直接修改代码，带语法高亮，带错误提示。

Ctrl+S就是保存，可以马上验证修改后的结果，比如重新点按钮查看运行效果。

*提醒，这只是保存到内存，如果你F5刷新页面就重新从source读文件了。

Changes 统一保存了你在多个文件的修改记录，方便同步到真正的代码source



评论

发表评论

The Hot3 in Last 7 Days

极简一键脚本 搭NaiveProxy梯子 自定义端口 与Caddy V2前置的VLESS/Vmess V2Ray共存 可开CDN

图片
* 推荐使用 Xshell 的撰写窗格，这样多行命令可以写到撰写窗格里面执行。 1. 极简一键脚本搭 Caddy V2 前置的VLESS或Vmess+WebSocket+TLS   设置好域名解析, 如 vless.mydomain.com , CDN关掉 bash <(curl -L https://github.com/crazypeace/v2ray_wss/raw/main/install.sh) 搭完自己检查一下是否能正常使用 CDN可以开 2. 搭建NaiveProxy 2.1 设置域名解析, 如 np.mydomain.com , CDN关掉 -update- 所有以下这些步骤，我做成了一个一键脚本。执行这个脚本，以下步骤都不用手搓了。 bash <(curl -L https://github.com/crazypeace/naive/raw/main/install.sh) 2.2 用Caddy官方脚本安装Caddy 来源: https://caddyserver.com/docs/install#debian-ubuntu-raspbian sudo apt install -y debian-keyring debian-archive-keyring apt-transport-https curl -1sLf 'https://dl.cloudsmith.io/public/caddy/stable/gpg.key' | sudo gpg --dearmor -o /usr/share/keyrings/caddy-stable-archive-keyring.gpg curl -1sLf 'https://dl.cloudsmith.io/public/caddy/stable/debian.deb.txt' | sudo tee /etc/apt/sources.list.d/caddy-stable.list sudo apt update sudo apt install caddy 2.3 下载NaiveProxy作者编译的caddy https://github.com/klzgrad/forwardproxy/releases 找最新的版本 cd /tmp wget https://...
Read more »

白嫖worker 自建短链服务 Url-Shorten-Worker 变身文件保管站 File Storage 保存到 R2对象存储 搭建手册

图片
Github https://github.com/crazypeace/Url-Shorten-Worker 变身文件保管站 File Storage 保存到 R2对象存储  先上演示视频 申请Cloudflare账号，略。 * 以下操作过程中, 标颜色的信息 , 你最好另外单独记好. 这样操作流程比较顺畅. 创建R2 记住这个R2的名字，以 r2test 为例 设置公开链接 记住这个R2公开链接,  https://pub-*****.r2.dev 设置 CORS 策略 [   {     "AllowedOrigins": [       "*"     ],     "AllowedMethods": [       "PUT",       "GET",       "HEAD",       "DELETE"     ],     "AllowedHeaders": [       "*"     ]   } ] * 注, 说实话这里有一点点粗暴, 但是问题不大.  创建R2 API 回到R2 overview页面, 记住这个 Account ID 点击 Manage 按钮 点击 "Create User API token" 按钮 选择 "Object Read & Write" - "Specify bucket(s)" - 选择你刚刚创建的 R2   r2test   记住生成的  Access Key ID ,    Secret Access Key 创建KV 记住这个KV的名字，以 kvtest  为例 创建Worker服务 设置绑定KV 变量名称必须设置为 LINKS ， KV的名字选刚刚创建的  kvtest * LINKS 是在脚本中要引用的，所以要设置这个。 编辑Worker的脚本内容 把原有的...
Read more »

KV-woker 纯练手项目 保护 _ 开头的 Key VS code 重构 JS 代码 提取代码为函数

图片
KV-woker 项目准备实现的功能列表见此: https://zelikk.blogspot.com/2024/12/kv-woker-1.html 今天实现: 保护 _ 开头的 KV对. 因为我们的目标是把配置项都放到 KV 中保存. 按目前的设计, 需要把理更多的配置项的 KV 放到 protect_keylist 中. 如果未来系统有配置项的扩充, 那么就要记得在 protect_keylist 中添加, 这是不优雅的.  我们可以约定, 配置项在 KV 中都以 _ 开头保存. 这一点和自动生成短链的方法也不冲突, 自动生成短链的字符中不含有 _ 符号. 本项目目前保护两个KV, _admin_pwd_ 和 _user_pwd_ , 不允许用户 修改, 删除, 查询. 目前的实现, 是设置了一个数组 protect_keylist 在业务逻辑中, 使用判断数组中是否有元素的方式 List.includes(key) , 来判断是否是属于需要保护的key. if (protect_keylist.includes(req_key)) 这一功能的效果就是: https://newkvdb.crazypeace.workers.dev/_user_pwd_ 显示404 https://newkvdb.crazypeace.workers.dev/_admin_pwd_  显示404 而且在  https://newkvdb.crazypeace.workers.dev/kvdbkvdb LoadKV, 是查询不到 _admin_pwd_ 和 _user_pwd_ 的 value 的 第 1 步 先将 if (protect_keylist.includes(req_key)) 这个判断重构为一个函数 鼠标拖选 "protect_keylist.includes(req_key)" , 右键, "Refactor...", "Extract to function in global scope",  输入新函数的名字, "checkProtectKey" 回车Enter确认 你会发现, 之前选中的文字被替换为了一个函数调用 而文件的末尾, 新增了一个函数, 函数内容就是你之前选中的语句...
Read more »