

如何实现在网页中,移动鼠标点击元素就能获取到相应的代码或元素选择器?
source link: https://www.zhihu.com/question/521224922/answer/2387023817
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

如何实现在网页中,移动鼠标点击元素就能获取到相应的代码或元素选择器?
对于获取相应的元素选择器,我曾经有过这个需求
一开始是自己写了一套根据元素以及其全部父元素的 id class 标签名 生成对应 css选择器的
后面发现浏览器f12 中提供的比我写的要好得多
于是就抄了
代码在这,你如果不熟悉ts的话
简单的利用一下
转换为 js 使用
使用方式很简单 ,调用 cssPath 函数即可

结合
的回答简单改造下即可Recommend
-
63
这个不是我原创,整理的资料方便学习积累知识移动端300ms点击延迟由来:故事:2007 年初。苹果公司在发布首款 iPhone 前夕,遇到一个问题:当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定,应对 iPhone 这种小屏幕浏览桌面端站点
-
47
我经常在博客中插入大图,然而总需要借助浏览器的滚轮缩放功能放大观看实在是不方便。于是我希望做一个点击即放大的功能。 下面就是一张可点击放大的图片,你可以点击试试!当然,我期望的效果是自动对所有博客中的图片生效。
-
19
利用css3变量制作鼠标点击水波效果及calc编译问题 2020年11月1日 928次浏览 实现鼠标点击,出现水波效果的css实现很多,网上可以查到很多。但是今天的这个实现是我看到最简单的,也是对我很有启发的,因此,记录一下。一起分...
-
11
网页中的图片点击放大效果:Highslide 和 Lightbox 谢益辉 / 2007-09-08 这两个网站是我所看到比较经典的 JS 图片放大效果网站: 前者是在页面内缩放,后者是采用的 “全屏” 效果,我看后者的代码稍微简单一些,就采用了...
-
8
使用Xtest模拟鼠标点击 本文来自依云's Blog,转载请注明。 ...
-
30
如何设置点击鼠标中键后的滚动速度上限? - V2EX V2EX › Windows 如何设置点击鼠标中键后的滚动速度上限?
-
4
V2EX › 程序员 微信读书网页版如何 模拟 点击 下一页 按钮 ? 975779964 · 9 小时 55...
-
4
V2EX › 程序员 请问如何获取鼠标点击处的程序信息 techstay ·
-
6
SuzhiのBlog【JS】网页鼠标移动拖尾特效发表于2021-01-20|更新于...
-
8
注:本文以Godot 4.0 为基准,可能其他版本也能参考。 这是我用C#写项目时发现的,可能和gdscript使用者遇到的问题有一定区别。 如果你用Godot制作的游戏无法响应鼠标点击等输入事件,请检查下面这几种可能性,说不定能解决你的...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK