Home Sign Up Sign In
爱意满满的作品展示区。
Advertisement
im3x

5 分钟，给你的 iPhone 添加丰富精美实用的组件（原创开源）

  im3x · Oct 12, 2020 · 22553 views
This topic created in 2037 days ago, the information mentioned may be changed or developed.

预览视频：

https://v.qq.com/txp/iframe/player.html?chid=17&vid=c31599njg4i&autoplay=true&full=true&show1080p=true

✨ 程序介绍

最近，一款 iOS App 引起了我的兴趣：Scriptable
它可以通过编写 Javascript 脚本，来给 iPhone 桌面添加自定义界面和功能的组件
这对于熟练 JS 的开发者朋友们来说，简直是难得的神器！

但很可惜，目前还没有找到合适的功能和界面都合心意的插件分享 :(

于是，爱造轮子且致力造好的我，在经过仔细阅读文档、手机上敲了千上万行代码、一边开发一边连载教程文章的认真投入之后，终于完成了这个项目：
Scriptables

这是一个经过踩了很多的坑，界面改版无数的经验之后完成的项目。
它可以让你使用非常简单的办法，给自己的 iPhone 设置各种精美丰富实用的桌面组件！

👉 快速上手

  1. 安装 Scriptable App 后打开
  2. Safari 浏览器中点击下载 加载器 Loader.Gitee，然后用 Scriptable 应用打开，完成插件代码安装
  3. 长按 iPhone 桌面，添加组件，选择 Scriptable 应用，添加组件后点击进入配置界面，最下方 Parameter 参数中，输入你想要的插件代码，完成即可！

插件参数格式：插件名称 @功能版本号:传递的参数
比如，你想要显示 V2EX 站点的热门文章列表，则输入 v2ex@api:hot
要显示 V2EX 站点指定节点的列表，输入： v2ex@go:create
以此类推，灵活配置！

目前我写了几个桌面组件，并在不断更新增加中：

  1. one 韩寒 ONE·一个图文
  2. v2ex V2EX 最新、最热文章
  3. bing Bing 每日必应壁纸
  4. weibo 微博热搜榜
  5. 一言 随机更新一句话
  6. 毒鸡汤 随机更新一条毒鸡汤
  7. 彩云天气 显示当前位置的天气预报情况
  8. 知乎日报 显示知乎日报文章信息
  9. 网易云音乐 网易云音乐热评等

每一个组件代码，都可以单独下载使用，也可以直接通过加载器输入配置，完成加载显示

❤️ 项目地址

https://github.com/im3x/Scriptables
创作不易，感谢你的支持！

Supplement 1  ·  Oct 13, 2020

最近更新的内容：

  1. 新增两个组件
  2. 增加了加载器和插件的断网执行方案
  3. 研究了新的桌面组件交互方式，并准备用在组件上

最近更新的教程：

  1. 本地存储 Keychain 用法
  2. 桌面组件交互黑科技

感谢老铁们送来的 🌟Star🌟，一天时间从 0 - 250，非常有成就感，本项目和教程将继续更新，一起开发的老铁们欢迎关注公众号，第一时间获取资讯：

Supplement 2  ·  Oct 13, 2020

新增了组件支持点击后进行交互操作（比如复制文本、打开URL、下载图片、弹框选择输入操作等）

新增了加载器支持加载第三方开发者仓库组件。

作为开发者，你只需要：

  1. fork 这个项目到自己的仓库
  2. 修改你仓库中的代码
  3. 加载器参数中输入： git-username/widget@version:params 即可加载你仓库的代码组件 （你也可以同时分享给你的朋友们使用）
  • V2EX
  • 组件
  • scriptable
  • 插件
    136 replies  •  2022-01-26 00:15:15 +08:00
    1  2  
    ❮ ❯
    mokong
        1
    mokong  
       Oct 12, 2020 via iPhone
    赞一下
    Cavolo
        2
    Cavolo  
       Oct 12, 2020 via iPhone
    很强，希望增加更多内容
    hcsu
        3
    hcsu  
       Oct 12, 2020 via iPhone
    强 赞一个
    oubfgiar
        4
    oubfgiar  
       Oct 12, 2020 via iPhone
    13.5 越狱，暂时不入 14，绑定收藏待用！感谢楼主！
    idealhs
        5
    idealhs  
       Oct 12, 2020
    这 app 竟然过了 app store 的审查？苹果这么大气吗
    o00o
        6
    o00o  
       Oct 12, 2020
    这 app 太强大了，安卓上有类似的软件吗？
    chenbokais3
        7
    chenbokais3  
       Oct 12, 2020
    只能留下 卧槽 牛逼的感叹
    zzqims9527q
        8
    zzqims9527q  
       Oct 12, 2020 via iPhone
    老哥🐂🍺
    russ44
        9
    russ44  
       Oct 12, 2020
    不错
    zchzch1014
        10
    zchzch1014  
       Oct 12, 2020
    知乎日报无法正常显示
    im3x
        11
    im3x  
    OP
       Oct 12, 2020
    谢谢各位！喜欢点个 star ！

    @idealhs 这个 App 类似于快捷指令，后边快捷指令被收购后内置到了 iOS 中，国内类似的有 JSBox （收费）等
    im3x
        12
    im3x  
    OP
       Oct 12, 2020
    @zchzch1014 你好，我这边刚刚测试了两遍（复制脚本独立运行测试+桌面组件参数配置测试），均为发现问题。
    所以可以先确认你那边的网络环境可以访问对应的 api 地址： https://news-at.zhihu.com/api/4/news/latest

    如果连接没问题，删除组件，重新添加（或者编辑组件，When Interacting 选项来回切换） 可进行脚本刷新重新运行
    652600543
        13
    652600543  
       Oct 12, 2020
    @oubfgiar 老哥请教一下，越狱后银行类软件都是如何处理的？
    zchzch1014
        14
    zchzch1014  
       Oct 12, 2020
    @im3x #12 组件换为最小那款再试可以正常显示，但选用第二种组件无法正常显示，情况如下图所示
    im3x
        15
    im3x  
    OP
       Oct 12, 2020
    @zchzch1014 #14
    知乎日报插件目前是半成品，只支持小尺寸组件，后续中尺寸+大尺寸+界面重构，我尽量速度更新～

    [https://github.com/im3x/Scriptables/tree/main/%E7%9F%A5%E4%B9%8E%E6%97%A5%E6%8A%A5]( https://github.com/im3x/Scriptables/tree/main/%E7%9F%A5%E4%B9%8E%E6%97%A5%E6%8A%A5)
    yezhiye
        16
    yezhiye  
       Oct 12, 2020 via Android
    @im3x 国内外几个平台都没搜到 jsbox，有没有安卓类似的软件推荐
    im3x
        17
    im3x  
    OP
       Oct 12, 2020   ❤️ 1
    @yezhiye jsbox 是 iOS 平台的，安卓的目前还没有发现类似的应用
    @o00o
    stage0071
        18
    stage0071  
       Oct 12, 2020
    5s 可以用吗？？？
    weishao2011
        19
    weishao2011  
       Oct 12, 2020
    可以 很好用
    GzhiYi
        20
    GzhiYi  
       Oct 12, 2020
    强哦，刚想做一个类似的
    im3x
        21
    im3x  
    OP
       Oct 12, 2020
    @stage0071 手头没设备测试，如果更新了 iOS14，应该是没问题的


    @weishao2011 谢谢支持

    @GzhiYi 欢迎一起完善改进（造轮子）
    deplives
        22
    deplives  
       Oct 12, 2020
    只能说 牛逼
    chauncychan
        23
    chauncychan  
       Oct 12, 2020
    实在太强！你的*作真的秀！ 666 ！
    Leo
        24
    Leo  
       Oct 12, 2020
    非常强大
    temporary
        25
    temporary  
       Oct 12, 2020
    自己改脚本要怎么测哦
    mgrddsj
        26
    mgrddsj  
       Oct 12, 2020   ❤️ 1
    @o00o #6
    KWGT Kustom Widget Maker
    https://play.google.com/store/apps/details?id=org.kustom.widget&hl=en&gl=US
    chauncychan
        27
    chauncychan  
       Oct 12, 2020
    @stage0071 5s 最高 12.4.8
    ansenJ
        28
    ansenJ  
       Oct 12, 2020   ❤️ 1
    感谢作者 已投币
    frank065
        29
    frank065  
       Oct 12, 2020
    weibo 热搜榜好像没法刷新，还是应该有什么操作？
    im3x
        30
    im3x  
    OP
       Oct 12, 2020
    @temporary #25
    目前自己改脚本可以通过复制脚本代码，在 Scriptable App 的编辑器里粘贴、修改、调试、运行（注释最底部的代码可单独测试+桌面组件使用）

    后续我会加入用户自定义源的功能，这样开发者就能任意加载任何修改后的仓库的远程项目了（越狱？哈哈）
    im3x
        31
    im3x  
    OP
       Oct 12, 2020
    @frank065 #29
    目前 iOS 的桌面组件刷新率是有时间间隔的，可能是一分钟，也可能是 5 分钟
    keventseng
        32
    keventseng  
       Oct 12, 2020
    不知微博点击能否直接通过 app 打开？
    Tigerw
        33
    Tigerw  
       Oct 12, 2020
    有没有商业化运营呢？比如开始收费
    XSG
        34
    XSG  
       Oct 12, 2020
    关注！
    Clay0620
        35
    Clay0620  
       Oct 12, 2020
    牛逼，不过彩云天气还是不行吧？
    im3x
        36
    im3x  
    OP
       Oct 12, 2020
    @keventseng #32，目前不可以，但是有 urlscheme 的情况下是可以的（参考网易云热评，点击后跳转网易云客户端指定音乐播放界面）


    @Tigerw #33 目前还不考虑商业化运营，纯开源分享，后续可能会考虑给开发者加入付费定制（付费出售 /更新）计划，这样开发者就可以发布付费的内容，获取对应的劳动收入了（您如果有赞助意向我是非常欢迎）
    christin
        37
    christin  
       Oct 12, 2020 via iPhone   ❤️ 1
    希望加一个在 scriptable 中运行后可以打印有哪些插件的功能 就不用再翻 GitHub 了
    im3x
        38
    im3x  
    OP
       Oct 12, 2020
    @CY4suncheng #35
    彩云天气是一个测试版本，正在开发设计中。
    按理来说不装客户端是可以做到模拟客户端的显示效果的（应用支持获取实时 gps，加上调用彩云 api，可以实现精准数据展示）
    im3x
        39
    im3x  
    OP
       Oct 12, 2020
    @christin #37
    非常好的建议！已加入 todo，后续我看看怎么实现，感谢
    Clay0620
        40
    Clay0620  
       Oct 12, 2020
    @im3x 我试了一下，差不多都可以，就是彩云天气一直显示默认图，小号和中号的小组件都试了
    MEOWwONE
        41
    MEOWwONE  
       Oct 12, 2020 via iPhone
    彩云天气降雨提醒的参数输入什么？“彩云天气”这个没反应…
    im3x
        42
    im3x  
    OP
       Oct 12, 2020
    @CY4suncheng #40

    @MEOWwONE #41

    彩云天气插件因为调用 gps，需要开启定位的原因，导致直接添加无法显示。

    目前临时解决办法：
    1. 添加桌面组件后，参数输入：`彩云天气`
    2. 完成后，桌面组件无法显示，点击组件，进入 Scriptable App，然后点击 `Loader.Gitee` 加载器插件运行，稍等一会，会弹出定位授权权限，此时设置权限即可。
    3. 返回桌面，应该还会弹出是否允许桌面组件获取 gps，设置允许即可。

    ![https://i.loli.net/2020/10/12/9hREJd7Aso6tk1O.png]( https://i.loli.net/2020/10/12/9hREJd7Aso6tk1O.png)
    ![https://i.loli.net/2020/10/12/kzDqIFseJ16Hhw4.png]( https://i.loli.net/2020/10/12/kzDqIFseJ16Hhw4.png)
    fcmio
        43
    fcmio  
       Oct 12, 2020 via iPhone
    赞，正好在找 demo
    shiguang
        44
    shiguang  
       Oct 12, 2020   ❤️ 1
    哇 感觉不错 正好我最近有空 研究下 看能不能加点别的使用场景 给你贡献点代码😁
    im3x
        45
    im3x  
    OP
       Oct 12, 2020
    @shiguang #44 欢迎欢迎，因为项目刚写不久，组件还都是想到什么就写什么，还有很大的完善空间
    最近也在琢磨还需要添加什么场景的内容
    （开发中遇到问题欢迎一起讨论）
    fossis
        46
    fossis  
       Oct 12, 2020
    @im3x #42 先 star 为敬。👍，请问彩云天气能显示温度吗？目前的只显示降雨信息。感觉温度更直观一些。
    Rekkles
        47
    Rekkles  
       Oct 12, 2020
    强啊。
    fossis
        48
    fossis  
       Oct 12, 2020
    @im3x 还有就是，bing 图片的时候，那个注释文字居中显示挺影响效果的，如果可以的话，建议把注释文字内容缩小放角落里，小图中图模式可以直接把文字掐掉不要，就保留大图模式下，文字右下角。
    MEOWwONE
        49
    MEOWwONE  
       Oct 12, 2020
    @im3x 成功了 彩云天气降雨通知是我需要的，还有这周彩云要出官方小组件了。
    im3x
        50
    im3x  
    OP
       Oct 12, 2020
    @fossis #46 目前这个插件是简单的调用官方的 API，更多内容还有待后续我再看看接口，读取更精准数据展示
    bing 图片也算是一个 demo，文字位置的话，因为 Scriptable 这个 App 不支持定位设置（比如左对齐，顶部对齐）也不支持获取组件的长宽，位置的问题目前挺尴尬的，后续我看看怎么优化吧


    @MEOWwONE 彩云天气还是非常不错的
    keventseng
        51
    keventseng  
       Oct 12, 2020
    @im3x #36 嗯，已经使用你微博组件单独修改了 urlscheme 。很好用，不错~
    ginisok
        52
    ginisok  
       Oct 12, 2020
    这个太好用了
    ryh
        53
    ryh  
       Oct 12, 2020
    我之前想做个类似的来着，还在想怎么动态定义界面， 多谢 lz
    学习学习
    yRebelHero
        54
    yRebelHero  
       Oct 12, 2020
    老哥，强！
    im3x
        55
    im3x  
    OP
       Oct 12, 2020
    @keventseng #51 👍 厉害，欢迎分享 urlscheme，我后续代码中也添加给用户选择的选项 😄

    @ryh #53 Scriptable 这个应用是一个外国人写的，好的工具用好才能发挥出效果，欢迎一起学习
    blurh11E27
        56
    blurh11E27  
       Oct 12, 2020
    不想要那个 scriptable 能解决不
    Clay0620
        57
    Clay0620  
       Oct 12, 2020
    @im3x 确实是因为定位权限，现在可以显示了
    privil
        58
    privil  
       Oct 12, 2020
    优秀！厉害了
    Heerey
        59
    Heerey  
       Oct 12, 2020
    强，用了下，挺好看的
    im3x
        60
    im3x  
    OP
       Oct 12, 2020
    @blurh11E27 #56 脚本无法脱离主程序运行的
    zhaol
        61
    zhaol  
       Oct 12, 2020
    感觉这个做到后面，可以做成一个平台了，每个开发者都可以上传自己的 js 脚本,然后大家根据自己的需求，添加不同的组件。大佬加油
    killerv
        62
    killerv  
       Oct 12, 2020
    强大
    WebKit
        63
    WebKit  
       Oct 12, 2020 via Android
    这有点类似 Android 上的 kwget
    4X4
        64
    4X4  
       Oct 12, 2020
    不错，我看推上有一个加载 Spotify 的组建的 url，真心想用。但不知道这个 url 是啥😅
    sys820
        65
    sys820  
       Oct 12, 2020
    厉害了
    oubfgiar
        66
    oubfgiar  
       Oct 12, 2020 via iPhone
    @652600543 我装了“shadow”这个屏蔽越狱检测的插件，她可以欺骗软件，让软件以为我没越狱，对微和支付宝信管用，其他的没测试。因为微信的风控太狠了，我怕被封号。
    wwmmkk
        67
    wwmmkk  
       Oct 12, 2020
    @im3x 反馈一个疑似 Bug 在小组件中设置为“Open URL”并填写了 URL 后，再次打开 URL 会变为空值。
    im3x
        68
    im3x  
    OP
       Oct 12, 2020
    @wwmmkk 这个是算主程序的逻辑，一般直接默认 OpenApp 或者 Run Script 即可，其他的设置不用配置 （脚本无法判断）
    OD
        69
    OD  
       Oct 12, 2020
    这如果是 ios 允许的套路的话，前端感觉又多了条路子额
    wanghao2018
        70
    wanghao2018  
       Oct 12, 2020
    加载器 Loader.Gitee 这个再 safari 打不开啊
    warron
        71
    warron  
       Oct 12, 2020
    点赞
    zcfnc
        72
    zcfnc  
       Oct 12, 2020
    很顶 试了一下还是满支持的 虽然不能交互 但是做好了应该还是蛮不错的
    outside
        73
    outside  
       Oct 12, 2020
    非常赞的项目，看了源码非常感兴趣，我也写了一个功能组件，希望能帮你更新项目
    christin
        74
    christin  
       Oct 12, 2020 via iPhone
    网易云音乐有 bug
    https://i.loli.net/2020/10/12/lLE1tG89YvKSjb6.jpg
    im3x
        75
    im3x  
    OP
       Oct 12, 2020
    @OD #69，可能  没想到还可以这么玩。。 （其实还有更多黑科技玩法）

    @wanghao2018 #70，可以手动打开源码，复制代码，在 Scriptable 编辑器里添加脚本，粘贴保存，效果是一样的


    @zcfnc #72，谢谢支持，目前 iOS 桌面的组件交互性不是很好，一般应用都是用来做展示用


    @outside #73，谢谢支持，欢迎提交 PR 一起完善
    im3x
        76
    im3x  
    OP
       Oct 12, 2020
    @christin #74，这个问题可能是因为网络的原因，导致获取数据失败（此时整个脚本会报错无法继续执行）
    后续我会考虑加入数据缓存和容错处理

    解决办法删除组件重新添加，或者长按组件编辑，When Interacting 里几个选项来回切换，或者底部的 Parameter 的最后加上一些没用处的参数（仅仅做刷新缓存用，因为选项或配置一直，这个 App 不会刷新执行）
    比如：`网易云音乐 @热评:1`
    outside
        77
    outside  
       Oct 12, 2020
    @im3x 已提交 PR 了，作者看一下哈，后面我也会帮着做一些小功能： https://img.alicdn.com/imgextra/i2/1985706121/O1CN018sC9AB1v5SwqK1m5w_!!1985706121.png
    guoyida
        78
    guoyida  
       Oct 12, 2020 via iPhone
    强帖留名！
    im3x
        79
    im3x  
    OP
       Oct 12, 2020
    @outside 👍
    tediorelee
        80
    tediorelee  
       Oct 12, 2020 via iPhone
    大佬太猛了，马一下
    whasyt
        81
    whasyt  
       Oct 12, 2020
    赞，另外，如果“Loader.Gitee”文件打不开的话，可以在电脑上下载传到微信，通过微信->其他方式打开->Scriptable
    cccnoi
        82
    cccnoi  
       Oct 12, 2020
    大佬！
    nyz1500
        83
    nyz1500  
       Oct 12, 2020 via iPhone
    太强了！是不是可以考虑来个 rsshub 的联动了🌚
    blank0ken
        84
    blank0ken  
       Oct 12, 2020
    牛逼
    cccRaim
        85
    cccRaim  
       Oct 12, 2020
    可以，看了一下目前只有时间，排列，间距，图片，文字这些元素。
    对于展现元素来说够用了。
    然后假如要做成展现 cpu 信息或当前 ip 信息的话又没有相关 api，目前只有电量和音量的 api 。只能期待更新吧。
    qiang111jx
        86
    qiang111jx  
       Oct 12, 2020
    为什么一直报错，没有一个能使用的。。按视频一步一步操作的 ，难道是跟别的代码冲突了吗
    im3x
        87
    im3x  
    OP
       Oct 12, 2020
    @cccRaim #85
    是的，而且如果内容不够，还会居中展示，这类 js 无法解决的坑 期待作者下一次更新


    @qiang111jx #86
    请问报错的截图有没有，我帮你看看（用 Loader.Gitee 版，国内仓库速度比较快，Loader.GitHub 版很多时候网络不稳定）
    joniking
        88
    joniking  
       Oct 13, 2020 via iPhone
    提醒一下，在 Safari 浏览器“Loader.Gitee”文件打不开的话，可以换谷歌浏览器嗷。
    TangMonk
        89
    TangMonk  
       Oct 13, 2020 via iPhone
    bing 的背景有点模糊啊
    rayyume
        90
    rayyume  
       Oct 13, 2020 via iPhone
    Nb 太好用了
    Tigerw
        91
    Tigerw  
       Oct 13, 2020
    @im3x 你本身即是开发者又是平台，你也可以做一些付费内容
    idou
        92
    idou  
       Oct 13, 2020
    功能好用步骤清晰，好评！
    mitong3269
        93
    mitong3269  
       Oct 13, 2020 via iPhone
    大佬 有可能能做到点击微博热榜直接转跳吗
    outside
        94
    outside  
       Oct 13, 2020
    github 推广图片地址错误，“https://github.cm/im3x/Scriptables”，“cm”=>“com”
    im3x
        95
    im3x  
    OP
       Oct 13, 2020
    @Tigerw #91，正在研究中，完善当前平台的同时，寻找更好的利于开发者和用户的方法

    @mitong3269 #93， 可以的，楼上有一位老哥修改成功了，直接找到 微博的 urlscheme，然后修改脚本代码的跳转 url 即可
    im3x
        96
    im3x  
    OP
       Oct 13, 2020
    @outside #94，找了半天，没找到你说的这个错误的位置在哪😭 烦请告知文件路径～
    outside
        97
    outside  
       Oct 13, 2020   ❤️ 1
    @im3x https://gitee.com/im3x/Scriptables/raw/main/v2ex/screenshot.jpg 你项目中所有的介绍图片上的链接错误
    im3x
        98
    im3x  
    OP
       Oct 13, 2020
    @outside #97 大意了🤦‍♂️ 已修复，感谢～
    mr2xd
        99
    mr2xd  
       Oct 13, 2020
    已用上
    psterman
        100
    psterman  
       Oct 13, 2020 via iPhone
    v2ex 不正常 只有我这样吗？
    1  2  
    ❮ ❯
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1024 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 227ms · UTC 19:23 · PVG 03:23 · LAX 12:23 · JFK 15:23
    ♥ Do have faith in what you're doing.