【实测】vue/elementUI 的文件上传按钮,如何用selenium来自动化上传?(下)

简介: 【实测】vue/elementUI 的文件上传按钮,如何用selenium来自动化上传?(下)

实测系列,均为一些现实中的行业内难题难点攻关,算是最干的最有营养的系列了,欢迎收看,一键三连~


   本节课继续来探讨这个新的衍生问题,就是在原页面没有暴露对外的情况下,如何控制vue中内部的data数据?

image.png


而这里,实际上是有俩种情况的。


一种是传统的只在单独页面引入vue的 网页,下面是这么写的:

image.png


   大家可以看到,一开始人家就有了 myapp作为引用,这样我们便没有什么问题,直接在控制台使用myapp来就可以操作 内部的data里的值。当然这种情况属于非常幸运的。


另一种是vue-cli脚手架的情况,这种的下面是这么写的:

image.png

这样的话,也就是我们之前讨论的情况,需要手动添加对外暴露的引用才能控制data。如果源码中恰好有这种代码,那么我们直接拿出来用,也算是比较幸运的了。


不过怕就怕 源码中没有任何的对外暴露。我们就只能想其他办法来操控这个data内的数据了。也就是本文探讨的重点,类似于黑客的外界强行注入js的操作。


   如果此时你去百度,网上讲的一定全都是修改源码中vue内,加上钩子才行。可惜我们做自动化是无法只通过发送浏览器的控制台命令的方式加上vue内的钩子的。所以基本上此时网络上是搜不到任何解决方案的。

   当然如果你去搜索外部js控制vue内data,结果也一样。所有的操作都必须在vue内中有对外暴露的钩子引用才行。


   如果真的遇到这种情况,那么你大概率只能自认倒霉了。不过这种情况也缺少较少,因为一般复杂的页面,都可能涉及到需要外部js来调用控制vue内的函数或变量,所以开发一般会保留在内部的钩子以备不时之需。当然安全角度来说也确实存在一点风险。


   不过咱们讲的是另外的方案,你继续听:





本文的目的并非简单的教大家怎么去实现自动化js的方式上传elementUI和vue组合的文件。


而是写出了全部的思想过程,希望大家可以学到解决问题的思维,而并非最终答案。

相关文章
|
3月前
vue3+Ts 二次封装ElementUI form表单
【10月更文挑战第8天】
278 59
|
2月前
|
数据采集 测试技术 Python
自动化淘宝秒杀:使用Selenium WebDriver的实战指南
本文详细介绍了如何利用Selenium WebDriver自动化淘宝秒杀操作,包括环境配置、代码实现及注意事项,旨在帮助读者提升秒杀成功率,同时提醒合理使用以遵守平台规则。
105 8
|
3月前
|
数据采集 存储 JavaScript
自动化数据处理:使用Selenium与Excel打造的数据爬取管道
本文介绍了一种使用Selenium和Excel结合代理IP技术从WIPO品牌数据库(branddb.wipo.int)自动化爬取专利信息的方法。通过Selenium模拟用户操作,处理JavaScript动态加载页面,利用代理IP避免IP封禁,确保数据爬取稳定性和隐私性。爬取的数据将存储在Excel中,便于后续分析。此外,文章还详细介绍了Selenium的基本设置、代理IP配置及使用技巧,并探讨了未来可能采用的更多防反爬策略,以提升爬虫效率和稳定性。
172 4
|
13天前
|
Web App开发 数据采集 JavaScript
CDP与Selenium相结合——玩转网页端自动化数据采集/爬取程序
本文介绍了Selenium、Chrome DevTools及Chrome DevTools Protocol (CDP) 的基本功能与应用。Selenium是一款开源自动化测试工具,适用于网页端应用程序测试和数据采集,具备跨平台特性。Chrome DevTools内置浏览器中,提供调试、分析Web应用程序的功能,包括元素、控制台、源代码和网络选项卡等。CDP是一套用于与Chromium内核浏览器通信的API,支持自动化测试和性能分析。文中还展示了Selenium与CDP结合使用的示例,如捕获网络请求数据和打印网页内容,并推荐了相关书籍和资源以供深入学习。
115 39
CDP与Selenium相结合——玩转网页端自动化数据采集/爬取程序
|
22天前
|
Web App开发 IDE JavaScript
Selenium IDE:Web自动化测试的得力助手
Selenium IDE:Web自动化测试的利器。作为开源工具,Selenium IDE支持录制与回放用户操作,适用于Chrome、Firefox等多浏览器,简化了测试流程,提升了效率,降低了自动化测试的门槛。它还支持导出多种编程语言的脚本,便于测试集成与复用。
75 19
Selenium IDE:Web自动化测试的得力助手
|
24天前
|
Web App开发 IDE 测试技术
Selenium:强大的 Web 自动化测试工具
Selenium 是一款强大的 Web 自动化测试工具,包括 Selenium IDE、WebDriver 和 Grid 三大组件,支持多种编程语言和跨平台操作。它能有效提高测试效率,解决跨浏览器兼容性问题,进行性能测试和数据驱动测试,尽管存在学习曲线较陡、不稳定等缺点,但其优势明显,是自动化测试领域的首选工具。
144 17
Selenium:强大的 Web 自动化测试工具
|
3月前
|
Java 测试技术 C#
自动化测试之美:从Selenium到Appium
【10月更文挑战第3天】在软件开发的海洋中,自动化测试如同一艘航船,引领着质量保证的方向。本文将带你领略自动化测试的魅力,从Web端的Selenium到移动端的Appium,我们将一探究竟,看看这些工具如何帮助我们高效地进行软件测试。你将了解到,自动化测试不仅仅是技术的展示,更是一种提升开发效率和产品质量的智慧选择。让我们一起启航,探索自动化测试的世界!
|
3月前
|
JavaScript API
vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示(开发Search组件)】
vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示(开发Search组件)】
70 1
vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示(开发Search组件)】
|
3月前
|
JavaScript UED
Vue + ElementUI 实现动态添加和删除表单项的多层嵌套表单
【10月更文挑战第5天】本示例展示了如何在 Vue.js 中使用 Element UI 组件实现动态添加和删除嵌套表单项。该表单包含设备信息、设备部位及其对应的任务列表,支持用户动态添加设备部位和任务,并提供相应的表单验证规则。
282 0
Vue + ElementUI 实现动态添加和删除表单项的多层嵌套表单
|
3月前
|
JavaScript 前端开发 测试技术
精通Selenium:从基础到高级的网页自动化测试策略
【10月更文挑战第6天】随着Web应用变得越来越复杂,手动进行功能和兼容性测试变得既耗时又容易出错。自动化测试因此成为了现代软件开发不可或缺的一部分。Selenium是一个强大的工具集,它支持多种编程语言(包括Python),允许开发者编写脚本来模拟用户与Web页面的交互。本文将带领读者从Selenium的基础知识出发,逐步深入到高级的应用场景,通过丰富的代码示例来展示如何高效地进行网页自动化测试。
578 5

热门文章

最新文章