JSBox,享受JavaScript 脚本的魅力

JSBox是一个JavaScript 脚本编写和运行的工具。通过JSBox编写脚本,运行脚本,可以提高工作效率,实现无限扩展。

JSBox 以蓝色为基本色调,简洁朴素又充满科技感,需要iOS 10或者更高系统版本才可以安装使用。目前JSBox有四个板块

脚本:所有脚本列表,可以创建、运行脚本,以及对脚本的设置

学习:JavaScript脚本编写的学习指南,正在不断丰富中

固定:用于固定一个喜欢脚本以便快速使用和获得更好的体验

我的:设置选项及软件信息

下面小编给大家简单介绍一下如何使用JSBox,适合新手朋友。

一,如何添加脚本

打开JSBox ,所有脚本界面可以看到已经添加的脚本列表,软件内置了多个样本脚本。JSBox 没有提供直接安装js 文件的功能,我们可以

新建脚本:新建一个脚本,编写或者粘贴代码

在线安装:在线安装脚本

脚本安装器安装:使用Inbox 或者JS-File Installer安装脚本

1,新建脚本

假如不会编写脚本,其实可以沿用在Pin 的xTeko实验室里面丰富的脚本扩展。只需要复制脚本代码到剪贴板,然后在JSBox 内新建一个脚本,粘贴所有脚本代码到编辑框内,保存就可以运行使用了。

然后,在JSBox 里面新建一个脚本,粘贴刚刚拷贝的代码,在右下角脚本设置好脚本名称和图标,点击保存,就可以使用啦。

2,Inbox脚本安装器

JSBox不提供直接安装脚本功能,但是提供一些接口,可以实现通过脚本来安装脚本。作者制作了一个名称为Inbox 的脚本安装器,使用它我们可以快速安装js 文件。

(1)安装Inbox

工具安装页面:

https://docs.xteko.com/#/debug/installation

在Safari 打开工具安装页面,点击Inbox 会弹出“在JSBox 中打开”的提示,我们点击打开,Inbox 这个脚本就添加到JSBox 了。

动图演示

(2)使用Inbox脚本安装器安装脚本

有了Inbox,我们就可以快速的导入js文件了。

例如我们QQ中接收了一个js文件,我们点击打开预览,选择“使用其他应用程序打开”,点击“拷贝至JSBox”

然后会跳转打开JSBox 界面,点击Inbox 右边的运行按钮,可以看到导入Inbox (脚本安装器)的脚本。

点击需要安装的脚本,选择导入后删除,即可安装脚本。安装后界面会停留在当前页面,退出脚本安装器界面,可以在脚本列表看到刚刚安装的脚本。(点击左上角的X按钮,可以退出安装器,稍后安装脚本)

动图演示

视频演示

3,JS-File Installer 安装脚本

我们也可以使用JS-File Installer 这个脚本,快速安装js 脚本文件,主要特点有

使用JSBox 分享面板操作

如果有同名脚本,会询问提示覆盖

安装后自动返回,不停留在JXBox 界面

(1)安装JS-File Installer脚本

下载js文件后传输到手机,然后可以使用上面介绍的两种方法进行安装。

JS-File Installer

作者:Ryan

百度网盘:

https://pan.baidu.com/s/1dFk3cM9

腾讯微云:

https://share.weiyun.com/2a96617a4f208c422b8926fa1b7a334e

(2)将JSBox 添加到分享面板。

如下图所示,可以在Safari 中打开一个网页,点击底部分享按钮,滑动下面的分享扩展菜单至最右,点击更多选项。

在活动里面找到JSBox 的选项,将开关打开,这样JSBox 就添加到分享面板了。

(3)使用JS-File Installer安装脚本

使用JS-File Installer与使用Inbox脚本安装器安装脚本略有不同。

例如我们QQ中接收了一个js文件,我们点击打开预览,可以直接选择分享面板的 JSBox。

然后点击JS-File Installer右边的运行按钮,即可快速安装脚本,安装完毕会提示“已安装”,并返回原始界面。打开JSBox 就可以看到刚刚安装的脚本啦。

动图演示

视频演示

小贴士:使用Inbox或者JS-File Installer脚本安装器,可以轻松的安装js 格式脚本文件,已经导入Pin的 xTeko实验室里面的脚本可以使用分享功能安装到JSBox啦。值得注意的是,目前只能导入单个脚本,无批量操作功能。

二,如何获取脚本

1,Gallery 脚本仓库

Pin的xTeko实验室里面的脚本可以在JSBox 上面使用,从扩展商店获取脚本是最直接的方式。目前xTeko 实验室扩展商店,已经上架了非常丰富的实用的脚本,提供给大家挑选使用。

如何在JSBox使用Pin xTeko实验室的脚本呢?只需将实验室扩展列表Gallery安装到JSBox就可以了。

工具安装页面:

https://docs.xteko.com/#/debug/installation

在Safari 打开工具安装页面,点击Gallery会弹出“在JSBox 中打开”的提示,我们点击打开,Gallery就添加到JSBox 了。

运行Gallery,可以看到Gallery 的名称为扩展列表,和Pin 的xTeko实验室扩展商店是一样的。点击脚本弹出菜单

获取:安装脚本

分享:将脚本链接方式分享到其他App

查看详情:查看脚本的信息

如下图所示,我们点击获取安装脚本,成功安装会有通知提示。安装完成的脚本会排列在列表最前面。

动图演示

值得注意的是,因为两个软件支持的接口不同,不能保证所有Pin 实验室的脚本都能在JSBox 上面完美运行。

2,大神分享

很多时候,热心的大神会分享自己制作的脚本,一般是以js 为后缀的脚本文件,我们使用上面介绍的脚本安装方法就可以安装到JSBox 使用了。在往期的历史文章中,曾经介绍过很多脚本实例,大家可以在历史消息中查阅。

3,学习编写

JSBox 提供学习编写脚本的指南,有详细的介绍文档,代码详解及查询。当你学会使用JavaScript 编写一个脚本,那种喜悦是无可比拟的。快来学习一下如何编写脚本吧。

三,脚本设置技巧

JSBox 提供了丰富的设置选项,我们可以根据自身的需要进行自定义。

1,通用设置

JSBox 通用设置位于脚本界面的左上角,主要设置包含脚本设置和编辑器设置,其中脚本设置有:

固定的脚本:选择一个喜欢脚本以便在底部第三个按钮快速使用和获得更好的体验

通知中心:选择需要在通知中心使用的脚本

分享面板脚本:选择需要在分享扩展使用的脚本

脚本库管理:特殊脚本,可以用于在脚本编写过程中引入

2,脚本自定义设置

名称:自定义脚本名称

图标:为脚本挑选一个醒目的图标

类型:设置脚本使用的类型,包含主应用,分享面板,通知中心

文件管理:针对有文件功能的脚本管理存储的文件

缓存清理:清理脚本产生的缓存

自动排版:对脚本编辑进行自动排版

URL Scheme:脚本的URL Scheme,可以一键快捷运行脚本

如下图所示为图标和URL Scheme。我们可以使用具有打开URL Scheme 功能的应用来快速运行JXBox 脚本,例如Pin ,Workflow等。

3,软件设置

在我的里面,可以设置JSBox 语言,通知中心行数,通知中心展开高度等。

4,脚本删除

在已添加的脚本列表内,按住脚本向左滑动,就会出现删除按钮,点击即可删除。

5,脚本排序

长按脚本,拖动可以进行排序,操作简单。

6,脚本分享

在JSBox 已添加脚本列表内,点击一个脚本,进入编辑界面,可以看到底部分享按钮,点击分享弹出菜单。

可以将脚本以.js为后缀的文件形式分享到其他App,例如分享到QQ好友。

四,如何使用脚本

说了这么多,大家肯定会觉得有点枯燥,JSBox 到底有那些用途呢?下面我们就以一些精彩实例来介绍一下如何使用脚本。

脚本可以在JSBox应用内、通知中心挂件或者分享面板菜单来使用,根据脚本的不同,大家以选择合适的方式来运行脚本。

1,应用内运行

打开JSBox ,在脚本列表点击脚本右边的播放按钮,运行脚本。

如下图为“酷狗音乐”脚本使用,可以下载各种音乐。

如下图为“小说阅读器”脚本使用,可以观看各类小说。

2,通知中心Widget

JSBox 支持添通知中心Widget ,在通知中心运行脚本,可以快速实现一些快捷功能。

使用前,需要在通知中心添加JSBox 的挂件,并且将你想使用的脚本需要设置在通知中心显示。

例如下图所示,使用“支付助手”脚本,快速打开微信扫一扫。

例如下图所示,使用“汇率查询”脚本,快速查询货币实时汇率。

值得注意的是,根据脚本编写的不同和受iOS 通知中心内存限制,有些脚本是不能在通知中心完成的,必须跳转到应用内操作。

3,分享扩展菜单

JSBox 支持通过分享面板运行脚本,非常方便。

在使用前,需要先将JSBox 添加到分享扩展菜单,以及将你想使用的脚本在分享面板显示。

如下图所示,使用“App资源获取”脚本,在App Store内下载App 高清图标。

如下图所示,使用“Safari 源码查看”脚本,查看网页源代码,获取所需数据。

五,软件下载

JSBox 是Pin 作者钟颖最新作品,已经上架App Store。如果你对JavaScript 编程有兴趣,可以去看看。即使你不会编写代码,但是平时热爱折腾有较强的动手能力,可以使用别人编写好的脚本,享受JSBox 带来的便利和效率。

名称:JSBox

价格:¥40

类别:教育

大小:16.4MB

语言:中文/英语

兼容性:需要iOS 10或者更高版本

长按识别下方二维码下载

六,写在最后

我们在Pin 的xTeko实验室已经领略过执行 JavaScript 脚本带来精彩。

JSBox 与PinxTeko实验室有什么不同呢?Pin的 xTeko实验室其实就是JSBox 的前身,与Pin xTeko实验室不同的是:

JSBox 不提供直接的功能,需要用户自己去实现,例如安装脚本

JSBox 目前是没有脚本商店的

JSBox可以为每一个脚本提供URL Scheme 方便快速启用

提供清理脚本缓存功能

提供文件管理功能

JSBox 拥有更好的代码编辑器,提供多套主题

提供VSCode 插件在桌面端编写

更完善的原生接口,能力更为丰富

更完善的机制,后续的更新和维护

Pin 最近一次更新是2107年10月份,受苹果的审核制度的限制,一直无法得到后续更新,迟迟未能适配iPhone X 。“Pin 之前作为一个效率应用,提供了太过方便的脚本安装方式。这导致 Apple 认为这是不安全的,用户不能从外部安装一个脚本。”这或许就是审核被拒的最主要原因。

当一个应用得不到更新,存在的BUG无法修复,新功能无法增加,应用的生命力是无法持久的。在多次递交更新而无法通过审核的时候,作者产生了一个新的想法:

或许我应该做一个完完全全的编程类应用,这个应用并不提供很多方便安装脚本的方式,取而代之的是提供一些接口,让用户自己去实现需要的功能。——钟颖

JSBox 就这样应运而生了。作为一个纯粹的JavaScript 编程工具,JSBox 主要用于JavaScript 脚本编写和使用,全新的界面,更丰富的接口,后续的维护和更新,可以更专注的实现JS脚本的编写和执行,也更加适合对扩展有较高要求的用户。

JSBox或许只是让xTeko实验室可以延续下去的无奈之举,但是JSBox 作为一个专注编程的应用,开创了新的局面,在JavaScript 编程和执行行上将会更加出色。

JSBox 新鲜上架,很多地方小编觉得可以更加人性化:

分享和设置:向左滑动脚本是否可以增加更多按钮呢,例如分享或设置,这样脚本分享或者设置就更加方便了;

管理和排序:当脚本数量较多的时候,脚本管理和排序是个比较麻烦的问题,例如你拥有100+个脚本,如何快速找到你想要执行的脚本呢?如何快速的将第99个脚本拖放到第一位置呢?脚本管理可以增加更加效率的操作;

iCloud 备份和同步:方便多台设备共享脚本;

学习交流和作品分享平台:兴趣是最好的老师,深入浅出的教程则是最佳动力,希望可以有一个编程学习和脚本分享的平台,让大家有一个能够互相学习和交流作品的地方也。

欢迎大家踊跃留言交流,说说你的看法或者建议。

代码的学习或者编写都是件不容易的事情,有了工具,如何使用取决你自己。生活不止,折腾不息,享受JSBox 带来的魅力吧。

JSBox,独立版Pin 的实验室来了

《Pin 版Instagram 客户端》

《酷狗音乐Pin 版客户端,免费下载各种音乐》

《Hhdº 作品集分享》

《简洁好用的实时汇率扩展,Currency》

《Pin扩展实例分享:第五期》

《Pin扩展实例分享:第四期》

《Pin扩展实例分享:第三期》

《Pin扩展实例分享:第二期》

《Pin扩展实例分享》

《Pin的3.0更新,超强xTeko实验室来咯》

注:文中示例的脚本都可以在历史文章中找到,更多Pin 的使用技巧、实例分享、图标分享、脚本实例请至Pin 专栏阅读。

长按识别下方二维码 快速直达

如果您有实用的好玩的js脚本,请留言和小编分享一下。欢迎大家踊跃投稿,与更多人分享您作品吧!

艾橙科技

一个好玩的公众号

资源多多,互助分享!

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180101A0A4Z500?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券