你还在傻傻的打开页面输用户名和密码?来我教你实现自动化

背景

Hello~,大家好! 本文和各位分享一个有趣的事情!

我司主要的客户是银行,随着银行对信息安全越来越重视,我司积极配合银行防范信息安全,因此我司产品都从之前的外网开发引入了深信服的云桌面开发 。由于笔者用的 Mac 电脑,云桌面 win7,天差地别的体验我就先忍了😭,但是从 Mac 电脑桌面到进入云桌面,需要登录一些莫名其妙的 VPN、网址,这个过程是令人反感的、重复的、也是非常恶心的,每天都要这样、要等待很久......🤮

  1. 打开Mac上的xxxTrust并登录
  2. 打开Chrome
  3. 打开xxx网址
  4. 输入用户名、密码(不能自动填充那种)
  5. 点击登录
  6. 进入云桌面资源页面,点击一个资源,会自动调起 Mac 上安装的一个什么 VDIxxx 的软件
  7. 成功进入云桌面

我丢,各位来说说,这个过程是不是很恶心。作为一个技术人,我们不能忍受这种机械式的操作,我们要去做出改变。不能让自己一直做这些重复的恶心操作,于是我就想着 能不能像我打开 Mac 桌面的一个应用那样,中间的步骤自动完成,直到进入云桌面? 这就是笔者本文的主题。

实现自动化

其实笔者也没有一步到位------能不能像我打开 Mac 桌面的一个应用那样,中间的步骤自动完成,直到进入云桌面?。实现过程中,有一些新想法,接下来就分享一下我从开始有这个想法到实现的过程:

ConsoleSnippets

一开始: 我已经登录了 xxxTrust,笔者在浏览器已经打开了xxx网址,只是不想输密码,我就想起浏览器开发者工具 ConsoleSnippets,可以在里面写一些脚本,然后可以快捷执行:

打开控制台 -> 快捷键 command + p -> 输入!,选择执行哪个 Snippets -> 回车。看下效果:

感觉还行是吧,那接着来,我们现在进入了资源管理的界面,接下来需要手动点击打开一个云桌面的资源,同样地,接着建一个 Snippets

看下效果:

OK!成功进入,但是现在还需要我们手动去执行脚本,而且要执行两个。于是就有了新的想法。

篡改猴

能不能在对应的页面自动执行上面写好的脚本?

此时笔者想到了一个 Chrome 插件 ------ 篡改猴,也叫油猴脚本 ,简单理解它的作用就是可以在你指定的网页中执行你写入的脚本。那就装一个呗!(Chrome商店需要🪜,可直接使用Edge浏览器)

打开管理面板,新建两个脚本:

编辑:

然后改一下设置,在 document-end 执行我们的脚本,此时可能还获取不到dom,因此使用 setTimeout 再来看下效果:

鼠标一下没动哦!你以为这就完了?并没有,接着看。

自动化打开应用

能不能自动打开xxxTrustChrome,并自动打开登录的网址?

咱们一开始就说了,在访问网址之前,还需要链接VPN、打开浏览器,那就来吧!

在Mac上有两个东西可以完成自动操作:

通过自动操作配置出来的,也支持转变成快捷指令。我理解这俩应该是差不多的东西,来看下我们如何实现:
操作步骤:

  1. 打开 xxxTrust
  2. 通过 AppleScript,设置延时6秒,因为打开上面的 app 过后,有一个自动登录的过程,我们设置的长一点
  3. 打开 Chrome
  4. 打开登录网址

配置自动化操作和快捷指令都是可视化的,很容易上手,在此不过多介绍,感兴趣的掘友可自行探索哦!至于AppleScript,我只能告诉你是 GPT 教我这么写的。

最后一步就是把这个快捷指令发布到桌面:

看下最终的效果:

这不,又多了几分钟摸鱼时间!😂

总结

笔者通过真实的一个场景,借助 Snippets篡改猴快捷指令自动操作 等工具实现自动化完成进入云桌面的一系列流程。笔者只实现了 Mac 的,windows 系统肯定也有类似的工具等待各位去探索(比如 python 脚本应该就能实现打开应用等操作)。

除此之外呢,还想表达一个观点就是------我们应该把那些机械式的活交给机械去做,比如在平时的开发中,总是CRUD?能不能高效CRUD?对吧!把这些对自己能力提升没有意义的工作,想办法用程序去实现了,岂不是美滋滋!

好了,本次分享就到此结束了,感谢阅读哦!

如果本文对你有一点点帮助,点个赞支持一下吧,你的每一个【】都是我创作的最大动力 ^_^

相关推荐
@PHARAOH10 小时前
HOW - 依赖包版本 lock 维护策略(pnpm)
前端
SuperEugene10 小时前
前端-后端-产品-项目-运维:互联网项目协作全流程解析
运维·前端·javascript
weixin1997010801610 小时前
网易考拉商品详情页前端性能优化实战
java·前端·python·性能优化
A黄俊辉A10 小时前
openlayers+vue初学注意点
前端·javascript·vue.js
南篱11 小时前
从回调地狱到优雅异步:JavaScript 异步编程的完整演进之路
前端·javascript·面试
陆枫Larry11 小时前
折叠屏“窗口化”导致的背景图错位:一次小程序样式问题的排查与修复
前端
米丘11 小时前
vue 3.x 关于 provide 与 inject 实现原理
前端
rmst11 小时前
列表的拖动排序动画原理
javascript·react.js·动效
进击的雷神11 小时前
无分页一次性加载、多级CSS类名定位、动态User-Agent轮换、断点本地备份——意大利塑料展爬虫四大技术难关攻克纪实
前端·css·爬虫·python
天才熊猫君11 小时前
Vue 3 v-for key 原理核心笔记
前端