浏览器中js外挂脚本的执行方式

1、开发工具控制台交互执行

网页中按F12打开开发者工具,选择“控制台”,键入js脚本命令回车执行,适用于临时使用脚本逻辑简单的场景,实例如下:

// 获取网页元素的文本脚本
var elem = document.getElementById("elem_id"); 
var elem_text = copyText.innerText; 
elem_text

以获取该网页https://www.52pojie.cn/thread-1941978-1-1.html标题文本为例,具体操作如下:

首先获取元素id,如当前帖子标题id为thread_suject

然后根据元素id,编写js脚本命令获取元素文本,如下图所示标题文本获取成功

2、开发工具中编写js代码文件片段执行

网页中按F12打开开发者工具,选择“源代码”->“片段”->“新片段”,键入js脚本代码,点击运行按钮执行,适用于脚本逻辑复杂的场景,实例如下:

点击运行后,切换至控制台,可发现标题文本已经获得

3、建立网页收藏夹执行

打开浏览器收藏夹管理器,新建收藏夹,添加名称为“获取帖子主题元素文本”,并将URL中键入上述脚本(PS:脚本前需要加上“javascript:”前缀说明脚本是js脚本,否则脚本无法解析执行),如下图所示:

javascript:var elem = document.getElementById("thread_subject"); var elem_text = elem.innerText; elem_text;

添加完收藏夹后,切换至帖子页面,点击收藏夹执行脚本

执行结果如下图所示:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/42391.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2-添加库

本节将学习如何在项目中创建和使用库,还将看到如何使库的使用成为可选的。 本节中使用的示例代码下载见step1-简单开始cmake实践-CSDN博客。 练习1 -创建一个库 要在CMake中添加一个库,使用add_library()命令并指定哪些源文件应该组成该库。 我们可…

接入应用内支付服务,提高商业变现效率

在当今竞争激烈的移动应用市场中,开发者们面临着提升应用商业变现能力的挑战。用户体验的流畅性和支付的安全性至关重要。 HarmonyOS SDK应用内支付服务(IAP Kit)为开发者提供了一站式的解决方案,简化了应用内支付的接入流程&…

C嘎嘎:类和对象(一)

目录 面向过程和面向对象的初步认识 类的引入 类的定义 类的访问限定符及封装 访问限定符 封装 类的作用域 类的实例化 类对象模型 如何计算类对象大小 结构体内存对齐规则 this指针 this指针的引出 this指针的特性 类的6个默认成员函数 构造函数 概念 特性 …

喜讯丨美格智能通过国际EcoVadis平台认证企业社会责任并荣获承诺奖章,彰显可持续发展实力

作为全球领先的无线通信模组及解决方案提供商,美格智能在社会责任领域再创新高。近日,美格智能凭借在企业社会责任和可持续性采购发展方面的卓越表现,通过国际在线权威评价机构EcoVadis对公司环境、劳工与人权、商业道德、可持续采购等方面审…

根据空格、制表符、回车符等分割字符串re.split

【小白从小学Python、C、Java】 【考研初试复试毕业设计】 【Python基础AI数据分析】 根据空格、制表符、 回车符等分割字符串 re.split [太阳]选择题 根据给定的Python代码,哪个选项是正确的? import re pattern r\s print(f"【显示】pattern{…

高清图片压缩无水印小程序源码系统 前后端分离 带完整的安装代码包以及搭建教程

系统概述 在当今的数字化时代,图片作为信息传播的重要载体,其质量和传输效率直接影响到用户体验。然而,高清图片往往伴随着较大的文件体积,这不仅会占用大量存储空间,还会拖慢网页或应用的加载速度。因此,…

热烈祝贺!全视通多家客户上榜全球自然指数TOP100!

2024年6月18日,全球医疗机构自然指数TOP100榜单发布,中国医疗机构在其中的表现尤为引人注目。 根据《自然》杂志网站发布的数据,此次公布的排名是基于(2023年3月1日至2024年2月29日)的统计数据,全球医疗机构…

Python在网络爬虫和数据抓取中的应用

Python在网络爬虫和数据抓取中的应用 引言 在数字化时代,数据的价值日益凸显。无论是市场趋势分析,还是个人偏好预测,数据都扮演着至关重要的角色。Python,作为一种功能强大、语法简洁的编程语言,为数据的获取、处理…

旗晟机器人AI智能算法有哪些?

在当今迅猛发展的工业4.0时代,智能制造和自动化运维已然成为工业发展至关重要的核心驱动力。伴随技术的持续进步,工业场景中的运维巡检已不再单纯地依赖于传统的人工运维方式,而是愈发多地融入了智能化的元素,其中智能巡检运维系统…

前端Din字体和造字工房力黑字体文件

Din 字体是一种经典的、简洁的无衬线字体,它源自1930年代的德国交通标志设计。 造字工房力黑字体适用于数字,驾驶舱标题等统计界面 DIN-Medium.otf 案例 造字工房力黑.TTF 案例

记录一次MySql锁等待 (Lock wait timeout exceeded)异常

[TOC](记录一次MySql锁等待 (Lock wait timeout exceeded)异常) Java执行一个SQL查询未提交,遇到1205错误。 java.lang.Exception: ### Error updating database. Cause: java.sql.SQLException: Lock wait timeout exceeded; try restarting transactionCluster…

动手学深度学习6.2 图像卷积-笔记练习(PyTorch)

以下内容为结合李沐老师的课程和教材补充的学习笔记,以及对课后练习的一些思考,自留回顾,也供同学之人交流参考。 本节课程地址:卷积层_哔哩哔哩_bilibili 代码_哔哩哔哩_bilibili 本节教材地址:6.2. 图像卷积 — 动…

Python使用watchdog库实现监控文件系统的更改

1. 先下载对应库: pip install watchdog import time from watchdog.observers import Observer from watchdog.events import FileSystemEventHandlerclass FileChangeHandler(FileSystemEventHandler):def on_modified(self, event):# 当文件被修改时触发此方法…

浅析Nginx技术:开源高性能Web服务器与反向代理

什么是Nginx? Nginx是一款轻量级、高性能的HTTP和反向代理服务器,也可以用作邮件代理服务器。它最初由俄罗斯的程序员Igor Sysoev在2004年开发,并于2004年首次公开发布。Nginx的主要优势在于其非阻塞的事件驱动架构,能够处理大量并…

Vue3使用ref绑定组件获取valueRef.value为null的解决

问题: onMounted(() > {nextTick(()>{console.log(treeselectRef, treeselectRef.value);console.log(treeselectRef.value, treeselectRef.value);}); });输出: 查看绑定和定义都没有问题,还是获取不到 解决:使用getCur…

数据结构第17节 最小堆

最小堆(Min Heap)是一种特殊的完全二叉树数据结构,在这种结构中,对于任意节点,其值都小于或等于它的子节点的值。根节点是堆中的最小元素。最小堆常用于实现优先队列,以及堆排序算法。 在Java中&#xff0…

14-55 剑和诗人29 - RoSA:一种新的 PEFT 方法

介绍 参数高效微调 (PEFT) 方法已成为 NLP 领域研究的热门领域。随着语言模型不断扩展到前所未有的规模,在下游任务中微调所有参数的成本变得非常高昂。PEFT 方法通过将微调限制在一小部分参数上来提供解决方案,从而以极低的计算成本在自然语言理解任务上…

深度学习(笔记内容)

1.国内镜像网站 pip使用清华源镜像源 pip install <库> -i https://pypi.tuna.tsinghua.edu.cn/simple/ pip使用豆瓣的镜像源 pip install <库> -i https://pypi.douban.com/simple/ pip使用中国科技大学的镜像源 pip install <库> -i https://pypi.mirro…

vite工程化开发配置---持续更新

vite支持tsx开发 根据之前写的文章vue3vitetseslintprettierstylelinthuskylint-stagedcommitlintcommitizencz-git里面tsconfig配置了jsx相关选项&#xff0c;但是想要vite能够识别我们还需要配置一下 安装vitejs/plugin-vue-jsx pnpm i -D vitejs/plugin-vue-jsxvite.confi…

Scapy库实现SYN洪水攻击的Python脚本

Scapy库实现SYN洪水攻击的Python脚本 代码用于学习熟悉Scapy库及其在网络安全研究和测试中提供的各种选项和功能 脚本旨在执行SYN洪水攻击,这是一种分布式拒绝服务(DDoS)攻击的类型。未经授权参与此类攻击通常是违法的,可能会产生严重后果 代码 SynFlood.py from scapy.all…