OpenAI 发表于 2024-2-22 22:35:41

cloudflare dashboard页面元素如何选择

本帖最后由 OpenAI 于 2024-2-22 23:01 编辑

小白提问，cf页面元素的class咋都是一些乱七八糟的命名呢？如下图：

!(data/attachment/forum/202402/22/222521nacj5bdx5r54cqqa.png)

针对同一个元素，每次刷新页面后，这class都会变一番：

- main > div > div > div.c_iy
- main > div > div > div.c_qk
- main > div > div > div.c_or
- main > div > div > div.c_qi

我想要隐藏一些不需要的元素，我用的这个规则
main > div > div > div:nth-child(3) {display: none;}
虽然成功了，但是也会误杀掉部分其他页面的元素。

想问问大佬们有没有啥好法子呢，谢谢！

OpenAI 发表于 2024-2-22 23:01:02

补充一下图片😂
!(data/attachment/forum/202402/22/225744c67s5j6s855w2sx6.png)
就这个元素，main > div > div > div.c_or
- 它的类，我每次刷新完就是一个完全不同的类名
- 由于cf的管理页面基本类似，用`main > div > div > div:nth-child(3)`去匹配会导致其他页面的元素也被选上了。

实在是不知道咋选，才能最精准😑

806350554 发表于 2024-2-23 09:32:40

用内容选择器行吗

王一之 发表于 2024-2-23 10:01:03

806350554 发表于 2024-2-23 09:32
用内容选择器行吗

我觉得这情况用内容选择器是会好点

不过得额外引入其它的库，写起来麻烦点

jquery就支持

steven026 发表于 2024-2-23 12:21:17

王一之 发表于 2024-2-23 10:01
我觉得这情况用内容选择器是会好点

不过得额外引入其它的库，写起来麻烦点


原生querySelectorAll然后filter也可以 就是没包装过看上去比较乱

cxxjackie 发表于 2024-2-23 23:47:44

可以试着从附近不变的元素去推导：
main > div > div > a#skipTarget + div + div:nth-child(3)
https://developer.mozilla.org/zh-CN/docs/Web/CSS/Next-sibling_combinator

OpenAI 发表于 2024-2-25 15:25:37

谢谢楼上大家的思路，我来学习学习👍
页: [1]
查看完整版本: cloudflare dashboard页面元素如何选择