@gkd-kit/docs 0.0.1734188697849 → 0.0.1734190631921
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.vitepress/dist/404.html +6 -6
- package/.vitepress/dist/api/index.html +9 -9
- package/.vitepress/dist/api/interfaces/RawApp.html +9 -9
- package/.vitepress/dist/api/interfaces/RawAppGroup.html +9 -9
- package/.vitepress/dist/api/interfaces/RawAppRule.html +9 -9
- package/.vitepress/dist/api/interfaces/RawAppRuleProps.html +9 -9
- package/.vitepress/dist/api/interfaces/RawCategory.html +9 -9
- package/.vitepress/dist/api/interfaces/RawCommonProps.html +9 -9
- package/.vitepress/dist/api/interfaces/RawGlobalApp.html +9 -9
- package/.vitepress/dist/api/interfaces/RawGlobalGroup.html +9 -9
- package/.vitepress/dist/api/interfaces/RawGlobalRule.html +9 -9
- package/.vitepress/dist/api/interfaces/RawGlobalRuleProps.html +9 -9
- package/.vitepress/dist/api/interfaces/RawGroupProps.html +9 -9
- package/.vitepress/dist/api/interfaces/RawRuleProps.html +9 -9
- package/.vitepress/dist/api/interfaces/RawSubscription.html +9 -9
- package/.vitepress/dist/api/type-aliases/IArray.html +9 -9
- package/.vitepress/dist/api/type-aliases/Integer.html +9 -9
- package/.vitepress/dist/api/type-aliases/Position.html +9 -9
- package/.vitepress/dist/assets/{app.BKFgYwe3.js → app.DH_9xx2K.js} +1 -1
- package/.vitepress/dist/assets/chunks/@localSearchIndexroot.DB-Nt-es.js +1 -0
- package/.vitepress/dist/assets/chunks/{VPLocalSearchBox.Dy90VOlq.js → VPLocalSearchBox.Dgg2mhCF.js} +2 -2
- package/.vitepress/dist/assets/chunks/{theme.DiddUNGh.js → theme.Bz_Ha0d9.js} +1 -1
- package/.vitepress/dist/assets/{guide_example.md.DlZz4y1y.js → guide_example.md.BGeWFkCS.js} +1 -1
- package/.vitepress/dist/assets/{guide_example.md.DlZz4y1y.lean.js → guide_example.md.BGeWFkCS.lean.js} +1 -1
- package/.vitepress/dist/assets/{guide_external.md.CBLEwU6X.js → guide_external.md.BNokPdO1.js} +1 -1
- package/.vitepress/dist/assets/{guide_external.md.CBLEwU6X.lean.js → guide_external.md.BNokPdO1.lean.js} +1 -1
- package/.vitepress/dist/assets/{guide_faq.md.BGbGkyHU.js → guide_faq.md.DryvgCAx.js} +2 -2
- package/.vitepress/dist/assets/{guide_faq.md.BGbGkyHU.lean.js → guide_faq.md.DryvgCAx.lean.js} +2 -2
- package/.vitepress/dist/assets/{guide_index.md.DUwpkA6O.js → guide_index.md.Cxzv36Jp.js} +1 -1
- package/.vitepress/dist/assets/{guide_index.md.DUwpkA6O.lean.js → guide_index.md.Cxzv36Jp.lean.js} +1 -1
- package/.vitepress/dist/assets/{guide_node.md.BORhr1LU.js → guide_node.md.Cr_obNfX.js} +1 -1
- package/.vitepress/dist/assets/{guide_node.md.BORhr1LU.lean.js → guide_node.md.Cr_obNfX.lean.js} +1 -1
- package/.vitepress/dist/assets/{guide_optimize.md.7byKojc6.js → guide_optimize.md.C7Kde7LA.js} +1 -1
- package/.vitepress/dist/assets/{guide_optimize.md.7byKojc6.lean.js → guide_optimize.md.C7Kde7LA.lean.js} +1 -1
- package/.vitepress/dist/assets/{guide_selector.md.D74SDDid.js → guide_selector.md.C7vUF5aO.js} +1 -1
- package/.vitepress/dist/assets/{guide_selector.md.D74SDDid.lean.js → guide_selector.md.C7vUF5aO.lean.js} +1 -1
- package/.vitepress/dist/assets/{guide_snapshot.md.BvmePyH5.js → guide_snapshot.md.Bw-Fk4T7.js} +1 -1
- package/.vitepress/dist/assets/{guide_snapshot.md.BvmePyH5.lean.js → guide_snapshot.md.Bw-Fk4T7.lean.js} +1 -1
- package/.vitepress/dist/assets/{guide_subscription.md.DIg_xcjU.js → guide_subscription.md.DHetOcpz.js} +1 -1
- package/.vitepress/dist/assets/{guide_subscription.md.DIg_xcjU.lean.js → guide_subscription.md.DHetOcpz.lean.js} +1 -1
- package/.vitepress/dist/assets/{guide_what-is-gkd.md.DQfIAJ0i.js → guide_what-is-gkd.md.CL8LftJW.js} +1 -1
- package/.vitepress/dist/assets/{guide_what-is-gkd.md.DQfIAJ0i.lean.js → guide_what-is-gkd.md.CL8LftJW.lean.js} +1 -1
- package/.vitepress/dist/assets/{index.md.B_uDM1o1.js → index.md.lp7UputV.js} +1 -1
- package/.vitepress/dist/assets/{index.md.B_uDM1o1.lean.js → index.md.lp7UputV.lean.js} +1 -1
- package/.vitepress/dist/assets/style.B9Y-j_1n.css +1 -1
- package/.vitepress/dist/guide/example.html +10 -10
- package/.vitepress/dist/guide/external.html +10 -10
- package/.vitepress/dist/guide/faq.html +11 -11
- package/.vitepress/dist/guide/index.html +10 -10
- package/.vitepress/dist/guide/node.html +10 -10
- package/.vitepress/dist/guide/optimize.html +10 -10
- package/.vitepress/dist/guide/selector.html +11 -11
- package/.vitepress/dist/guide/snapshot.html +10 -10
- package/.vitepress/dist/guide/subscription.html +10 -10
- package/.vitepress/dist/guide/what-is-gkd.html +10 -10
- package/.vitepress/dist/hashmap.json +1 -1
- package/.vitepress/dist/index.html +10 -10
- package/package.json +1 -1
- package/.vitepress/dist/assets/chunks/@localSearchIndexroot.BCSy45Nx.js +0 -1
|
@@ -4,20 +4,20 @@
|
|
|
4
4
|
<title>选择器 | GKD</title>
|
|
5
5
|
<meta name="description" content="自定义屏幕点击应用">
|
|
6
6
|
<meta name="generator" content="VitePress v1.5.0">
|
|
7
|
-
<link rel="preload stylesheet" href="https://registry.npmmirror.com/@gkd-kit/docs/0.0.
|
|
8
|
-
<link rel="preload stylesheet" href="https://registry.npmmirror.com/@gkd-kit/docs/0.0.
|
|
7
|
+
<link rel="preload stylesheet" href="https://registry.npmmirror.com/@gkd-kit/docs/0.0.1734190631921/files/.vitepress/dist/assets/style.B9Y-j_1n.css" as="style">
|
|
8
|
+
<link rel="preload stylesheet" href="https://registry.npmmirror.com/@gkd-kit/docs/0.0.1734190631921/files/.vitepress/dist/vp-icons.css" as="style">
|
|
9
9
|
|
|
10
|
-
<script type="module" src="https://registry.npmmirror.com/@gkd-kit/docs/0.0.
|
|
11
|
-
<link rel="preload" href="https://registry.npmmirror.com/@gkd-kit/docs/0.0.
|
|
12
|
-
<link rel="modulepreload" href="https://registry.npmmirror.com/@gkd-kit/docs/0.0.
|
|
13
|
-
<link rel="modulepreload" href="https://registry.npmmirror.com/@gkd-kit/docs/0.0.
|
|
14
|
-
<link rel="modulepreload" href="https://registry.npmmirror.com/@gkd-kit/docs/0.0.
|
|
15
|
-
<link rel="icon" type="image/svg+xml" href="https://registry.npmmirror.com/@gkd-kit/docs/0.0.
|
|
10
|
+
<script type="module" src="https://registry.npmmirror.com/@gkd-kit/docs/0.0.1734190631921/files/.vitepress/dist/assets/app.DH_9xx2K.js"></script>
|
|
11
|
+
<link rel="preload" href="https://registry.npmmirror.com/@gkd-kit/docs/0.0.1734190631921/files/.vitepress/dist/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
|
|
12
|
+
<link rel="modulepreload" href="https://registry.npmmirror.com/@gkd-kit/docs/0.0.1734190631921/files/.vitepress/dist/assets/chunks/theme.Bz_Ha0d9.js">
|
|
13
|
+
<link rel="modulepreload" href="https://registry.npmmirror.com/@gkd-kit/docs/0.0.1734190631921/files/.vitepress/dist/assets/chunks/framework.CAQWXItu.js">
|
|
14
|
+
<link rel="modulepreload" href="https://registry.npmmirror.com/@gkd-kit/docs/0.0.1734190631921/files/.vitepress/dist/assets/guide_selector.md.C7vUF5aO.lean.js">
|
|
15
|
+
<link rel="icon" type="image/svg+xml" href="https://registry.npmmirror.com/@gkd-kit/docs/0.0.1734190631921/files/.vitepress/dist/icon.svg">
|
|
16
16
|
<script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
|
17
17
|
<script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
|
|
18
18
|
</head>
|
|
19
19
|
<body>
|
|
20
|
-
<div id="app"><!--[--><div class="Layout" data-v-b8e7742e=""><!--[--><!--]--><!--[--><span tabindex="-1" data-v-d8386319=""></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-d8386319=""> Skip to content </a><!--]--><!----><header class="VPNav" data-v-b8e7742e="" data-v-46a95c78=""><div class="VPNavBar" data-v-46a95c78="" data-v-1ba5074f=""><div class="wrapper" data-v-1ba5074f=""><div class="container" data-v-1ba5074f=""><div class="title" data-v-1ba5074f=""><div class="VPNavBarTitle has-sidebar" data-v-1ba5074f="" data-v-64292b50=""><a class="title" href="/" data-v-64292b50=""><!--[--><!--]--><!--[--><img class="VPImage logo" src="https://registry.npmmirror.com/@gkd-kit/docs/0.0.1706371840771/files/.vitepress/dist/logo.svg" alt="" data-v-266ebd17=""><!--]--><span data-v-64292b50="">GKD</span><!--[--><!--]--></a></div></div><div class="content" data-v-1ba5074f=""><div class="content-body" data-v-1ba5074f=""><!--[--><!--]--><div class="VPNavBarSearch search" data-v-1ba5074f=""><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-1ba5074f="" data-v-a3fe4bea=""><span id="main-nav-aria-label" class="visually-hidden" data-v-a3fe4bea=""> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/" tabindex="0" data-v-a3fe4bea="" data-v-1c8d25cc=""><!--[--><span data-v-1c8d25cc="">指引</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/api/" tabindex="0" data-v-a3fe4bea="" data-v-1c8d25cc=""><!--[--><span data-v-1c8d25cc="">API</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://i.gkd.li" target="_blank" rel="noreferrer" tabindex="0" data-v-a3fe4bea="" data-v-1c8d25cc=""><!--[--><span data-v-1c8d25cc="">审查工具</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://github.com/orgs/gkd-kit/discussions" target="_blank" rel="noreferrer" tabindex="0" data-v-a3fe4bea="" data-v-1c8d25cc=""><!--[--><span data-v-1c8d25cc="">讨论交流</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-1ba5074f="" data-v-3d3ac355=""><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="" aria-checked="false" data-v-3d3ac355="" data-v-00dfa199="" data-v-ec96c959=""><span class="check" data-v-ec96c959=""><span class="icon" data-v-ec96c959=""><!--[--><span class="vpi-sun sun" data-v-00dfa199=""></span><span class="vpi-moon moon" data-v-00dfa199=""></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-1ba5074f="" data-v-9c476ba5="" data-v-65e5c86f=""><!--[--><a class="VPSocialLink no-icon" href="https://github.com/gkd-kit" aria-label="github" target="_blank" rel="noopener" data-v-65e5c86f="" data-v-da506c84=""><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-1ba5074f="" data-v-68958039="" data-v-ac80e421=""><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-ac80e421=""><span class="vpi-more-horizontal icon" data-v-ac80e421=""></span></button><div class="menu" data-v-ac80e421=""><div class="VPMenu" data-v-ac80e421="" data-v-ce3f3167=""><!----><!--[--><!--[--><!----><div class="group" data-v-68958039=""><div class="item appearance" data-v-68958039=""><p class="label" data-v-68958039="">深色主题</p><div class="appearance-action" data-v-68958039=""><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="" aria-checked="false" data-v-68958039="" data-v-00dfa199="" data-v-ec96c959=""><span class="check" data-v-ec96c959=""><span class="icon" data-v-ec96c959=""><!--[--><span class="vpi-sun sun" data-v-00dfa199=""></span><span class="vpi-moon moon" data-v-00dfa199=""></span><!--]--></span></span></button></div></div></div><div class="group" data-v-68958039=""><div class="item social-links" data-v-68958039=""><div class="VPSocialLinks social-links-list" data-v-68958039="" data-v-65e5c86f=""><!--[--><a class="VPSocialLink no-icon" href="https://github.com/gkd-kit" aria-label="github" target="_blank" rel="noopener" data-v-65e5c86f="" data-v-da506c84=""><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-1ba5074f="" data-v-328bb125=""><span class="container" data-v-328bb125=""><span class="top" data-v-328bb125=""></span><span class="middle" data-v-328bb125=""></span><span class="bottom" data-v-328bb125=""></span></span></button></div></div></div></div><div class="divider" data-v-1ba5074f=""><div class="divider-line" data-v-1ba5074f=""></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-b8e7742e="" data-v-e49449d2=""><div class="container" data-v-e49449d2=""><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-e49449d2=""><span class="vpi-align-left menu-icon" data-v-e49449d2=""></span><span class="menu-text" data-v-e49449d2="">菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-e49449d2="" data-v-fecb5f87=""><button data-v-fecb5f87="">回到顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-b8e7742e="" data-v-3678c2fc=""><div class="curtain" data-v-3678c2fc=""></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-3678c2fc=""><span class="visually-hidden" id="sidebar-aria-label" data-v-3678c2fc=""> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-539315d8=""><section class="VPSidebarItem level-0" data-v-539315d8="" data-v-d5832562=""><div class="item" role="button" tabindex="0" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><h2 class="text" data-v-d5832562="">指引</h2><!----></div><div class="items" data-v-d5832562=""><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/what-is-gkd" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">什么是 GKD?</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">开始使用</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/snapshot" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">快照审查</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/subscription" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">订阅规则</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/external" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">外部交互</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/faq" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">常见问题</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-539315d8=""><section class="VPSidebarItem level-0 has-active" data-v-539315d8="" data-v-d5832562=""><div class="item" role="button" tabindex="0" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><h2 class="text" data-v-d5832562="">选择器</h2><!----></div><div class="items" data-v-d5832562=""><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/selector" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">语法介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/node" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">属性方法</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/example" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">选择示例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/optimize" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">查询优化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-b8e7742e="" data-v-53ce3a4b=""><div class="VPDoc has-sidebar has-aside" data-v-53ce3a4b="" data-v-7f5b4f5c=""><!--[--><!--]--><div class="container" data-v-7f5b4f5c=""><div class="aside" data-v-7f5b4f5c=""><div class="aside-curtain" data-v-7f5b4f5c=""></div><div class="aside-container" data-v-7f5b4f5c=""><div class="aside-content" data-v-7f5b4f5c=""><div class="VPDocAside" data-v-7f5b4f5c="" data-v-81573563=""><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-81573563="" data-v-1e1c0fbd=""><div class="content" data-v-1e1c0fbd=""><div class="outline-marker" data-v-1e1c0fbd=""></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-1e1c0fbd="">页面导航</div><ul class="VPDocOutlineItem root" data-v-1e1c0fbd="" data-v-480b7683=""><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-81573563=""></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7f5b4f5c=""><div class="content-container" data-v-7f5b4f5c=""><!--[--><!--]--><main class="main" data-v-7f5b4f5c=""><div style="position:relative;" class="vp-doc _guide_selector" data-v-7f5b4f5c=""><div><h1 id="title" tabindex="-1">选择器 <a class="header-anchor" href="#title" aria-label="Permalink to "选择器 {#title}""></a></h1><p>一个类似 CSS 选择器的选择器, 能联系节点上下文信息, 更容易也更精确找到目标节点</p><h2 id="why" tabindex="-1">为什么需要选择器 <a class="header-anchor" href="#why" aria-label="Permalink to "为什么需要选择器 {#why}""></a></h2><p>我们的目的是查询获取屏幕上的某个节点, 最简单的情况下, 目标节点已经有唯一的 id/text 标识</p><p>这时只需要配置 id/text 就能简单执行点击, 但实际情况很多节点都缺失了这些信息, 无法简单查询获取</p><p>节点还存在很多额外信息没有被利用到, 节点所有属性可以在 <a href="https://i.gkd.li/i/14045424" target="_blank" rel="noreferrer">快照-14045424</a> 的属性面板看到</p><p>另一种常见的情况是节点没有有效属性, 这时我们需要根据周围的节点去定位</p><p>选择器就是为了解决这些问题而开发的, 下面是对选择器语法的详细介绍</p><div class="tip custom-block github-alert"><p class="custom-block-title">提示</p><p>本文是从 <strong>抽象语法树(AST)</strong> 的角度去完备地介绍选择器结构<br> 如果你是初学者, 建议你直接看 <a href="./example">选择器-示例</a></p></div><h2 id="syntax" tabindex="-1">语法 <a class="header-anchor" href="#syntax" aria-label="Permalink to "语法 {#syntax}""></a></h2><p>与 CSS 类似, 一个选择器由 属性选择器 和 关系选择器 交叉组成, 并且开头末尾必须是 属性选择器</p><p>示例 <code>div > img</code> 的结构是 <code>属性选择器 关系选择器 属性选择器</code>, 它表示选择父节点是 <code>div</code> 的 <code>img</code> 节点, 这与 <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/Child_combinator" target="_blank" rel="noreferrer">相同 CSS 语法</a> 语义一致</p><p>另外 属性选择器 和 关系选择器 之间必须<strong>强制</strong>用 空白字符(空格/换行/回车/制表) 隔开</p><p>即 <code>div>img</code> 非法, 必须写成 <code>div > img</code></p><p>下面分别介绍 <a href="#attr">属性选择器</a> 和 <a href="#connect">关系选择器</a></p><h2 id="attr" tabindex="-1">属性选择 <a class="header-anchor" href="#attr" aria-label="Permalink to "属性选择 {#attr}""></a></h2><p>它和 CSS 语法的 属性选择器很相似, 但更强大, 如下是一个示例</p><p><code>@TextView[a=1][b^='2'][c*='a'||d.length>7&&e=false][!(f=true)][g.plus(1)>0]</code></p><p><code>@</code> 表示选择此节点, 一条规则最后属性选择器 <code>@</code> 生效, 如果没有 <code>@</code>, 取最后一个属性选择器</p><p><code>TextView</code> 代表节点的 name 属性, 而且与 CSS 相似, <code>*</code> 表示匹配任意属性</p><p>由于该选择器主要用于 Android 平台, 节点的 name 都是 java 类如 android.text.TextView 这种形式</p><p>为了方便书写规则, 上述 <code>TextView</code> 等价 <code>[name='TextView'||name$='.TextView']</code></p><p><code>[]</code> 内部是一个 逻辑表达式/布尔表达式/取反表达式</p><ul><li>逻辑表达式 -> <code>name='TextView'||name$='.TextView'</code></li><li>布尔表达式 -> <code>name='TextView'</code></li><li>取反表达式 -> <code>!(name$='TextView')</code>, <code>!(name='TextView'||name$='.TextView')</code></li></ul><p>注意 取反表达式中的 <code>!</code> 后面必须是 <code>(...)</code>, <code>!!(...)</code> 是非法的</p><p>逻辑表达式 有两个操作符 <code>||</code> 和 <code>&&</code>. <code>&&</code> 优先级更高</p><p>即 <code>[a>1||b>1&&c>1||d>1]</code> 等价于 <code>[a>1||(b>1&&c>1)||d>1]</code></p><p>并列的 <code>[]</code> 视为使用 <code>&&</code> 的逻辑表达式, 即 <code>[a=1][b=1]</code> 等价于 <code>[a=1&&b=1]</code></p><p>布尔表达式 由 <code>左值 操作符 右值</code> 构成, 左值/右值 是一个 值表达式</p><p>下面分别介绍 <a href="#value-exp">值表达式</a> 和 <a href="#attr-operator">操作符</a></p><h2 id="value-exp" tabindex="-1">值表达式 <a class="header-anchor" href="#value-exp" aria-label="Permalink to "值表达式 {#value-exp}""></a></h2><p>值表达式分两类: 变量 和 字面量, 下图是关系表格</p><table><thead><tr><th colspan="2"><div text-center="">值表达式</div></th><th>示例</th></tr></thead><tbody><tr><td rowspan="3">变量</td><td>标识符</td><td><code> a </code></td></tr><tr><td>成员表达式</td><td><code>a.b</code></td></tr><tr><td>调用表达式</td><td><code>a(b,c)</code></td></tr><tr><td rowspan="4">字面量</td><td>null</td><td><code>null</code></td></tr><tr><td>boolean</td><td><code>false</code></td></tr><tr><td>int</td><td><code>114514</code></td></tr><tr><td>string</td><td><code>'ikun'</code></td></tr></tbody></table><p>每个值表达式都有其类型, 可细分为两类</p><p>基础类型: <code>null</code> <code>boolean</code> <code>int</code> <code>string</code></p><p>对象类型: <code>object</code></p><p>对象类型可细分为 <code>context</code> 和 <code>node</code> 两种类型</p><p>比如选择器 <code>[parent=null]</code> 代表选择一个父节点是 null 的节点, 即根节点</p><p>上面的 <code>parent</code> 属于 值表达式/变量/标识符, 类型是 <code>node</code></p><p><code>context</code> 类型指代当前节点的上下文, 当想使用不属于 <code>node</code> 上的属性方法时就需要 <code>context</code></p><p>你可以在 <a href="./node">选择器-属性方法</a> 查看所有类型和对应属性方法</p><h3 id="var" tabindex="-1">变量 <a class="header-anchor" href="#var" aria-label="Permalink to "变量 {#var}""></a></h3><p>首先需要了解 <strong>标识符</strong>: 正则匹配 <code>^[_a-zA-Z][a-zA-Z0-9_]*$</code> 并且不是 <code>null</code>/<code>true</code>/<code>false</code> 的字符串</p><p>示例合法变量名: <code>a</code> <code>ikun</code> <code>manbaout</code>, 下面可输入字符测试否是合法</p><div class="vp-raw"><div><input placeholder="请输入标识符测试是否合法" type="text" value="" class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"><div mt-4px="" class="color-red opacity-0">非法标识符❌</div></div></div><hr><p>接下来了解 <strong>成员表达式</strong> <code>a.b</code>, 它被 <code>.</code> 分为两个部分, 前部分是另一个变量, 后部分是一个标识符作为属性</p><p>同理 <code>a.b.c</code> 也是一个 成员表达式, 其中 <code>a.b</code> 是它的变量部分, <code>c</code> 是一个合法的标识符作为属性</p><p>根据上面标识符的规则, <code>a.1</code>, <code>a.null</code>, <code>a.true</code> 都是非法成员表达式</p><hr><p>最后了解 <strong>调用表达式</strong> <code>a(b,c)</code>, 它由两个部分构成, <code>(</code> 的左侧 <code>a</code> 是一个变量作为 调用者</p><p><code>(b,c)</code> 作为调用参数(值类型), 调用参数数量可以是 0 或任意个, 即 <code>a()</code> 也是合法的</p><p>合法的其它例子: <code>a.b(c,d).e(f).g(1,2,true)</code></p><p>需要注意调用者不能是 调用表达式, 即 <code>a()()</code> 非法</p><h3 id="literal" tabindex="-1">字面量 <a class="header-anchor" href="#literal" aria-label="Permalink to "字面量 {#literal}""></a></h3><p>根据上面的表格, 字面量有 4 种: <code>null</code>, <code>boolean</code>, <code>int</code>, <code>string</code></p><ul><li>null</li><li>boolean 使用 <code>true</code>/<code>false</code></li><li>int 匹配 <code>^-?[0-9]$</code>, 即十进制整数, 示例 <code>-1</code>,<code>0</code>,<code>1</code>, 不支持 <code>+1</code> 这种写法</li><li>string 使用 ' ` " 之一成对包裹, 内部字符转义使用 <code>\</code><br> 所有的转义字符示例 <code>\\</code>, <code>\'</code>, <code>\"</code>, <code>\`</code>, <code>\n</code>, <code>\r</code>, <code>\t</code>, <code>\b</code>, <code>\xfF</code>, <code>\uffFF</code><br> 不支持多行字符, 处于 <code>[0, 0x1F]</code> 的控制字符必须使用转义字符表示</li></ul><p>此外使用 string 时需要了解 <a href="#nest-escape">嵌套转义字符</a> 以避免出现错误</p><h2 id="attr-operator" tabindex="-1">操作符 <a class="header-anchor" href="#attr-operator" aria-label="Permalink to "操作符 {#attr-operator}""></a></h2><p>操作符 用于连接两个 值表达式</p><table tabindex="0"><thead><tr><th style="text-align:center;">操作符</th><th style="text-align:center;">名称</th><th style="text-align:center;">说明</th></tr></thead><tbody><tr><td style="text-align:center;">=</td><td style="text-align:center;">equal</td><td style="text-align:center;">等于</td></tr><tr><td style="text-align:center;">!=</td><td style="text-align:center;">notEqual</td><td style="text-align:center;">不等于</td></tr><tr><td style="text-align:center;">></td><td style="text-align:center;">more</td><td style="text-align:center;">大于</td></tr><tr><td style="text-align:center;">>=</td><td style="text-align:center;">moreEqual</td><td style="text-align:center;">大于或等于</td></tr><tr><td style="text-align:center;"><</td><td style="text-align:center;">less</td><td style="text-align:center;">小于</td></tr><tr><td style="text-align:center;"><=</td><td style="text-align:center;">lessEqual</td><td style="text-align:center;">小于或等于</td></tr><tr><td style="text-align:center;">^=</td><td style="text-align:center;">startsWith</td><td style="text-align:center;">以...开头</td></tr><tr><td style="text-align:center;">!^=</td><td style="text-align:center;">notStartsWith</td><td style="text-align:center;">不以...开头</td></tr><tr><td style="text-align:center;">*=</td><td style="text-align:center;">contains</td><td style="text-align:center;">包含...</td></tr><tr><td style="text-align:center;">!*=</td><td style="text-align:center;">notContains</td><td style="text-align:center;">不包含...</td></tr><tr><td style="text-align:center;">$=</td><td style="text-align:center;">endsWith</td><td style="text-align:center;">以...结尾</td></tr><tr><td style="text-align:center;">!$=</td><td style="text-align:center;">notEndsWith</td><td style="text-align:center;">不以...结尾</td></tr><tr><td style="text-align:center;">~=</td><td style="text-align:center;">matches</td><td style="text-align:center;">正则匹配...</td></tr><tr><td style="text-align:center;">!~=</td><td style="text-align:center;">notMatches</td><td style="text-align:center;">正则不匹配...</td></tr></tbody></table><p>附加说明: <code>matches</code>/<code>notMatches</code> 要求 值 必须是合法的 <a href="https://docs.oracle.com/javase/8/docs/api/java/util/regex/Pattern.html" target="_blank" rel="noreferrer">Java/Kotlin 正则表达式</a>, 否则提示语法错误</p><p>并且 <code>matches</code>/<code>notMatches</code> 右侧的值只能是 字面量/字符串</p><p>操作符只能使用在对应的类型的值, 比如 <code>a>''</code> 类型不匹配, 将提示 <code>非法类型</code></p><p>下面表格中 <code>-</code> 表示类型不匹配</p><table tabindex="0"><thead><tr><th style="text-align:center;"></th><th style="text-align:center;">null</th><th style="text-align:center;">boolean</th><th style="text-align:center;">int</th><th style="text-align:center;">string</th></tr></thead><tbody><tr><td style="text-align:center;">=</td><td style="text-align:center;">✔</td><td style="text-align:center;">✔</td><td style="text-align:center;">✔</td><td style="text-align:center;">✔</td></tr><tr><td style="text-align:center;">!=</td><td style="text-align:center;">✔</td><td style="text-align:center;">✔</td><td style="text-align:center;">✔</td><td style="text-align:center;">✔</td></tr><tr><td style="text-align:center;">></td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td><td style="text-align:center;">-</td></tr><tr><td style="text-align:center;">>=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td><td style="text-align:center;">-</td></tr><tr><td style="text-align:center;"><</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td><td style="text-align:center;">-</td></tr><tr><td style="text-align:center;"><=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td><td style="text-align:center;">-</td></tr><tr><td style="text-align:center;">^=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td></tr><tr><td style="text-align:center;">!^=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td></tr><tr><td style="text-align:center;">*=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td></tr><tr><td style="text-align:center;">!*=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td></tr><tr><td style="text-align:center;">$=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td></tr><tr><td style="text-align:center;">!$=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td></tr><tr><td style="text-align:center;">~=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td></tr><tr><td style="text-align:center;">!~=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td></tr></tbody></table><p>除 <code>=</code>/<code>!=</code> 以外的操作符, 当节点属性是 null 时表达式为 <code>false</code></p><ul><li>a > 233</li><li>a >= 233</li><li>a < 233</li><li>a <= 233</li><li>a ^= 'xxx'</li><li>a !^= 'xxx'</li><li>a *= 'xxx'</li><li>a !* 'xxx'</li><li>a $= 'xxx'</li><li>a !$= 'xxx'</li><li>a ~= 'xxx'</li><li>a !~= 'xxx'</li></ul><p>即当 a 是 <code>null</code> 时以上表达式为 <code>false</code></p><p>你可能会对 <code>a !$= 'xxx'</code> 在 a 是 <code>null</code> 表达式为 <code>false</code> 感到奇怪</p><p>那你可以换一种写法使用 <code>a=null || a!$='xxx'</code> 或 <code>!(a$='xxx')</code></p><h2 id="connect" tabindex="-1">关系选择 <a class="header-anchor" href="#connect" aria-label="Permalink to "关系选择 {#connect}""></a></h2><p>关系选择器 由 关系操作符 和 关系表达式 构成, 用于连接两个属性选择器</p><p>简单示例: <code>div > a</code>, 它 表示/约束 两个节点之间的关系, 下面介绍 <a href="#connect-operator">关系操作符</a> 和 <a href="#connect-exp">关系表达式</a></p><h3 id="connect-exp" tabindex="-1">关系表达式 <a class="header-anchor" href="#connect-exp" aria-label="Permalink to "关系表达式 {#connect-exp}""></a></h3><p>关系表达式 表示查找节点的范围, 有两种</p><ul><li>元组表达式 <code>(a1,a2,a3,a_n)</code>, 其中 a1, a2, a3, a_n 是常量有序递增正整数, 示例 <code>(1)</code>, <code>(2,3,5)</code></li><li>多项式表达式 <code>(an+b)</code>, 其中 a 和 b 是常量整数, 它是元组表达式的另一种表示, 这个元组的数满足集合 <code>{an+b|an+b>=1,n>=1}</code> 如果集合为空集则表达式非法<br> 当 a<=0 时, 它具有等价的元组表达式<br> 示例 <code>(-n+4)</code> 等价于 <code>(1,2,3)</code><br> 示例 <code>(-3n+10)</code> 等价于 <code>(1,4,7)</code><br> 当 a>0 时, 它表示无限的元组表达式<br> 示例 <code>(n)</code>, 它表示 <code>(1,2,3,...)</code> 一个无限的元组<br> 示例 <code>(2n-1)</code>, 它表示 <code>(1,3,5,...)</code> 一个无限的元组</li></ul><h3 id="connect-operator" tabindex="-1">关系操作符 <a class="header-anchor" href="#connect-operator" aria-label="Permalink to "关系操作符 {#connect-operator}""></a></h3><p>关系操作符 表示查找节点的方向, 有 5 种关系操作符, <code>+</code>, <code>-</code>, <code>></code>, <code><</code>, <code><<</code></p><!--[--><table tabindex="0"><thead><tr><th style="text-align:center;">操作符</th><th style="text-align:center;">名称</th><th style="text-align:center;">图例</th><th style="text-align:center;">选择器</th></tr></thead><tbody><tr><td style="text-align:center;">+</td><td style="text-align:center;">前置兄弟节点</td><td style="text-align:center;"><div class="n-image"><img src="https://registry.npmmirror.com/@gkd-kit/assets/0.0.10/files/assets/0020.png" width="250"></div></td><td style="text-align:center;"><a href="https://i.gkd.li/i/14045424?gkd=KiArIFtfaWQ9MzNd" target="_blank" rel="noreferrer">* + [_id=33]</a></td></tr><tr><td style="text-align:center;">-</td><td style="text-align:center;">后置兄弟节点</td><td style="text-align:center;"><div class="n-image"><img src="https://registry.npmmirror.com/@gkd-kit/assets/0.0.10/files/assets/0021.png" width="250"></div></td><td style="text-align:center;"><a href="https://i.gkd.li/i/14045424?gkd=KiAtIFtfaWQ9MzJd" target="_blank" rel="noreferrer">* - [_id=32]</a></td></tr><tr><td style="text-align:center;">></td><td style="text-align:center;">祖先节点</td><td style="text-align:center;"><div class="n-image"><img src="https://registry.npmmirror.com/@gkd-kit/assets/0.0.10/files/assets/0022.png" width="250"></div></td><td style="text-align:center;"><a href="https://i.gkd.li/i/14045424?gkd=KiA-IFtfaWQ9OTBd" target="_blank" rel="noreferrer">* > [_id=90]</a></td></tr><tr><td style="text-align:center;"><</td><td style="text-align:center;">直接子节点</td><td style="text-align:center;"><div class="n-image"><img src="https://registry.npmmirror.com/@gkd-kit/assets/0.0.10/files/assets/0023.png" width="250"></div></td><td style="text-align:center;"><a href="https://i.gkd.li/i/14045424?gkd=KiA8IFtfaWQ9ODld" target="_blank" rel="noreferrer">* < [_id=89]</a></td></tr><tr><td style="text-align:center;"><<</td><td style="text-align:center;">子孙节点(深度先序)</td><td style="text-align:center;"><div class="n-image"><img src="https://registry.npmmirror.com/@gkd-kit/assets/0.0.10/files/assets/0024.png" width="250"></div></td><td style="text-align:center;"><a href="https://i.gkd.li/i/14045424?gkd=KiA8PDIgW19pZD0yOV0" target="_blank" rel="noreferrer">* <<2 [_id=29]</a></td></tr></tbody></table><!--]--><p>将 关系操作符 和 关系表达式 连接起来就得到了 关系选择器</p><p><code>A +(a1,a2,a3,a_n) B</code> : A 是 B 的前置兄弟节点, 并且 A.index 满足 B.index-(a_m), 其中 a_m 是元组的任意一个数字</p><p><code>A -(a1,a2,a3,a_n) B</code> : A 是 B 的后置兄弟节点, 并且 A.index 满足 B.index+(a_m)</p><p><code>A >(a1,a2,a3,a_n) B</code> : A 是 B 的祖先节点, 并且 A.depth 满足 B.depth-(a_m), 根节点的 depth=0</p><p><code>A <(a1,a2,a3,a_n) B</code> : A 是 B 的直接子节点, 并且 A.index 满足 a_m-1</p><p><code>A <<(a1,a2,a3,a_n) B</code> : A 是 B 的子孙节点, 并且 A.order 满足 a_m-1, A.order 是深度优先先序遍历的索引</p><h3 id="connect-shortcut" tabindex="-1">表达式简写 <a class="header-anchor" href="#connect-shortcut" aria-label="Permalink to "表达式简写 {#connect-shortcut}""></a></h3><p>一般情况下, 并不需要写严格完整的表达式, 使用简化写法更方便快捷</p><p>下面是一些特殊情况下的简写表示</p><p>当 a=0 或 b=0 时, 括号可以省略, 以 <code>+</code> 为例</p><ul><li><code>A +(3n+0) B</code> -> <code>A +(3n) B</code> -> <code>A +3n B</code></li><li><code>A +(0n+3) B</code> -> <code>A +(+3) B</code> -> <code>A +3 B</code></li></ul><p>当 a=0 且 b=1 时, an+b 可以省略, 以 <code>+</code> 为例</p><ul><li><code>A +(0n+1) B</code> -> <code>A + B</code></li></ul><p>此外 <code>A + B</code>,<code>A > B</code> 都与等价的 CSS 语法语义相同</p><p>当 a=1 且 b=0 且操作符是 <code>></code>, 可以进一步简写, 比如</p><ul><li><code>A >(1n+0) B</code> -> <code>A >n B</code> -> <code>A B</code></li></ul><p>这与等价的 CSS 语法语义相同</p><h2 id="example" tabindex="-1">示例 <a class="header-anchor" href="#example" aria-label="Permalink to "示例 {#example}""></a></h2><div class="language-txt vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">txt</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>@LinearLayout > TextView[id=`com.byted.pangle:id/tt_item_tv`][text=`不感兴趣`]</span></span></code></pre></div><p>选择器从末尾开始查找, 首先找到 id=`com.byted.pangle:id/tt_item_tv` 和 text=`不感兴趣` 的 TextView, 并且父节点是 LinearLayout 的节点</p><p>此时我们得到两个节点 [LinearLayout, TextView] 根据 <code>@</code> 知道目标节点是 LinearLayout</p><p>实际上它与</p><div class="language-txt vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">txt</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>TextView[id=`com.byted.pangle:id/tt_item_tv`][text=`不感兴趣`] <n LinearLayout</span></span></code></pre></div><p>的目标匹配节点是等价的, 但是在查询算法时间复杂度上, 后者更慢</p><p>如下是网页无障碍快照审查工具, 使用它的搜索框的选择器查询可以实时测试编写的选择器</p><ul><li><a href="https://i.gkd.li/i/14045424" target="_blank" rel="noreferrer">快照-14045424</a></li><li><a href="https://i.gkd.li/i/14034770" target="_blank" rel="noreferrer">快照-14034770</a></li><li><a href="https://i.gkd.li/i/14031920" target="_blank" rel="noreferrer">快照-14031920</a></li><li><a href="https://i.gkd.li/i/14018243" target="_blank" rel="noreferrer">快照-14018243</a></li><li><a href="https://i.gkd.li/i/14011298" target="_blank" rel="noreferrer">快照-14011298</a></li><li><a href="https://i.gkd.li/i/13999908" target="_blank" rel="noreferrer">快照-13999908</a></li></ul><h2 id="note" tabindex="-1">一些注意 <a class="header-anchor" href="#note" aria-label="Permalink to "一些注意 {#note}""></a></h2><h3 id="match-order" tabindex="-1">匹配顺序 <a class="header-anchor" href="#match-order" aria-label="Permalink to "匹配顺序 {#match-order}""></a></h3><p>选择器的匹配顺序是 <strong>从右往左匹配</strong></p><p>例如 <code>FrameLayout > TextView</code>, 它是先从 根节点/事件节点 找到 <code>TextView</code>, 然后再判断 parent 是不是 <code>FrameLayout</code></p><p>并不是先找到 <code>FrameLayout</code> 然后再判断 child 是否有 <code>TextView</code></p><p>同时在 <a href="https://i.gkd.li/i/15747758?gkd=RnJhbWVMYXlvdXQgPiBUZXh0Vmlldw" target="_blank" rel="noreferrer">选择器路径视图</a> 也会标明匹配顺序和查找方向</p><h3 id="regex-optimization" tabindex="-1">正则表达式优化 <a class="header-anchor" href="#regex-optimization" aria-label="Permalink to "正则表达式优化 {#regex-optimization}""></a></h3><p>对 <code>matches</code>/<code>notMatches</code> 的优化: 如果正则表达式满足下面的条件, 选择器将使用内置的简单的函数匹配, 而不是真正地去运行一个正则表达式</p><ul><li><code>[text~="(?is)abc.*"]</code> -> <code>startsWith('abc', ignoreCase = true)</code></li><li><code>[text~="(?is).*abc.*"]</code> -> <code>contains('abc', ignoreCase = true)</code></li><li><code>[text~="(?is).*abc"]</code> -> <code>endsWith('abc', ignoreCase = true)</code></li><li><code>[text!~="(?is)abc.*"]</code> -> <code>notStartsWith('abc', ignoreCase = true)</code></li><li><code>[text!~="(?is).*abc.*"]</code> -> <code>notContains('abc', ignoreCase = true)</code></li><li><code>[text!~="(?is).*abc"]</code> -> <code>notEndsWith('abc', ignoreCase = true)</code></li></ul><p>上面的 <code>abc</code> 指代不包含 <code>\^$.?*|+()[]{}</code> 这类特殊正则字符的任意字符串, 如 <code>ikun</code> 符合, <code>ikun?</code> 不符合, <code>ignoreCase = true</code> 表示忽略大小写</p><p>简单来说就是如果你只想忽略大小写去简单匹配或不匹配一些字符串, 那么直接使用上面的格式</p><h3 id="regex-multiplatform" tabindex="-1">正则表达式一致性 <a class="header-anchor" href="#regex-multiplatform" aria-label="Permalink to "正则表达式一致性 {#regex-multiplatform}""></a></h3><p>由于 选择器 需要同时满足 浏览器/Js(审查工具), Android/Java(GKD) 运行, 而这两个平台的正则表达式的底层实现和语法表示略有不同</p><p>因此为了在 Js 端实现和 Java 一致的正则表达式规范, 网页审查工具借助 <a href="https://kotlinlang.org/docs/wasm-overview.html" target="_blank" rel="noreferrer">Kotlin Wasm</a> 将正则表达式的 matches 函数接口编译为 wasm 提供给 Js 调用</p><p>Kotlin Wasm 需要你的浏览器支持 <a href="https://developer.chrome.com/blog/wasmgc?hl=zh-cn" target="_blank" rel="noreferrer">WasmGC</a>, 也就是版本需要满足下列条件</p><div class="n-image"><img src="https://registry.npmmirror.com/@gkd-kit/assets/0.0.10/files/assets/0025.png"></div><p>如果你在 nodejs 使用 gkd 选择器, 需要 node>=22 版本</p><p>如果你的 浏览器/nodejs 版本不满足, 正则表达式将自动回退到 Js 端实现, 以下是在 Js 端使用正则表达式需要注意的地方</p><p>比如上面的正则表达式优化例子中开头的 <code>(?is)</code> 是 Java 正则表达式的 inline flags 语法, 但实际上 Js 并不支持这样写, 只是选择器内部做了一些兼容让它支持</p><p>并且选择器的 Js 端只兼容在开头的 flags, 在内部的 flags 不支持, 此外 Java 和 Js 支持的 flags 也有不同, 某些特殊的表达式表现也不一致</p><p>总之不要使用太过复杂(多复杂我也不知道)的正则表达式, 某些正则表达式有可能在审查工具上匹配, 但是在 GKD 上不匹配</p><p>如果你能确保正则表达式在 Js 和 Java/Kotlin 的匹配行为一致, 那就没问题</p><p>总之两种情况</p><ul><li>高版本 浏览器/nodejs 可以使用 <strong>完整一致</strong> 的正则表达式</li><li>低版本 浏览器/nodejs 使用 <strong>小范围不完整不一致</strong> 的正则表达式</li></ul><p>如果你的选择器没有使用正则表达式则不用关心此问题</p><h3 id="nest-escape" tabindex="-1">嵌套转义字符 <a class="header-anchor" href="#nest-escape" aria-label="Permalink to "嵌套转义字符 {#nest-escape}""></a></h3><p>转义字符一般用于表示不能直接显示具体特殊意义的字符</p><p>对于 GKD 的选择器而言, 转义字符使用示例如下</p><div class="language-txt vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">txt</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>TextView[text="\\\n"]</span></span></code></pre></div><p>这表示选择一个 TextView, 它的 text 长度为 2, 开头是 <code>\</code>, 末尾是换行</p><p>这和平常写的代码里面的 string 声明用法一模一样</p><p>但是选择器最终放在规则的字段里面, 也就是这个选择器字符串处于 JSON 的 string 内</p><p>如果你想当然地直接手动复制插入到编辑器里出现下面这种规则</p><div class="language-json5 vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">json5</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
|
|
20
|
+
<div id="app"><!--[--><div class="Layout" data-v-b8e7742e=""><!--[--><!--]--><!--[--><span tabindex="-1" data-v-d8386319=""></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-d8386319=""> Skip to content </a><!--]--><!----><header class="VPNav" data-v-b8e7742e="" data-v-46a95c78=""><div class="VPNavBar" data-v-46a95c78="" data-v-1ba5074f=""><div class="wrapper" data-v-1ba5074f=""><div class="container" data-v-1ba5074f=""><div class="title" data-v-1ba5074f=""><div class="VPNavBarTitle has-sidebar" data-v-1ba5074f="" data-v-64292b50=""><a class="title" href="/" data-v-64292b50=""><!--[--><!--]--><!--[--><img class="VPImage logo" src="https://registry.npmmirror.com/@gkd-kit/docs/0.0.1706371840771/files/.vitepress/dist/logo.svg" alt="" data-v-266ebd17=""><!--]--><span data-v-64292b50="">GKD</span><!--[--><!--]--></a></div></div><div class="content" data-v-1ba5074f=""><div class="content-body" data-v-1ba5074f=""><!--[--><!--]--><div class="VPNavBarSearch search" data-v-1ba5074f=""><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-1ba5074f="" data-v-a3fe4bea=""><span id="main-nav-aria-label" class="visually-hidden" data-v-a3fe4bea=""> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/" tabindex="0" data-v-a3fe4bea="" data-v-1c8d25cc=""><!--[--><span data-v-1c8d25cc="">指引</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/api/" tabindex="0" data-v-a3fe4bea="" data-v-1c8d25cc=""><!--[--><span data-v-1c8d25cc="">API</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://i.gkd.li" target="_blank" rel="noreferrer" tabindex="0" data-v-a3fe4bea="" data-v-1c8d25cc=""><!--[--><span data-v-1c8d25cc="">审查工具</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://github.com/orgs/gkd-kit/discussions" target="_blank" rel="noreferrer" tabindex="0" data-v-a3fe4bea="" data-v-1c8d25cc=""><!--[--><span data-v-1c8d25cc="">讨论交流</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-1ba5074f="" data-v-3d3ac355=""><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="" aria-checked="false" data-v-3d3ac355="" data-v-00dfa199="" data-v-ec96c959=""><span class="check" data-v-ec96c959=""><span class="icon" data-v-ec96c959=""><!--[--><span class="vpi-sun sun" data-v-00dfa199=""></span><span class="vpi-moon moon" data-v-00dfa199=""></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-1ba5074f="" data-v-9c476ba5="" data-v-65e5c86f=""><!--[--><a class="VPSocialLink no-icon" href="https://github.com/gkd-kit" aria-label="github" target="_blank" rel="noopener" data-v-65e5c86f="" data-v-da506c84=""><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-1ba5074f="" data-v-68958039="" data-v-ac80e421=""><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-ac80e421=""><span class="vpi-more-horizontal icon" data-v-ac80e421=""></span></button><div class="menu" data-v-ac80e421=""><div class="VPMenu" data-v-ac80e421="" data-v-ce3f3167=""><!----><!--[--><!--[--><!----><div class="group" data-v-68958039=""><div class="item appearance" data-v-68958039=""><p class="label" data-v-68958039="">深色主题</p><div class="appearance-action" data-v-68958039=""><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title="" aria-checked="false" data-v-68958039="" data-v-00dfa199="" data-v-ec96c959=""><span class="check" data-v-ec96c959=""><span class="icon" data-v-ec96c959=""><!--[--><span class="vpi-sun sun" data-v-00dfa199=""></span><span class="vpi-moon moon" data-v-00dfa199=""></span><!--]--></span></span></button></div></div></div><div class="group" data-v-68958039=""><div class="item social-links" data-v-68958039=""><div class="VPSocialLinks social-links-list" data-v-68958039="" data-v-65e5c86f=""><!--[--><a class="VPSocialLink no-icon" href="https://github.com/gkd-kit" aria-label="github" target="_blank" rel="noopener" data-v-65e5c86f="" data-v-da506c84=""><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-1ba5074f="" data-v-328bb125=""><span class="container" data-v-328bb125=""><span class="top" data-v-328bb125=""></span><span class="middle" data-v-328bb125=""></span><span class="bottom" data-v-328bb125=""></span></span></button></div></div></div></div><div class="divider" data-v-1ba5074f=""><div class="divider-line" data-v-1ba5074f=""></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-b8e7742e="" data-v-e49449d2=""><div class="container" data-v-e49449d2=""><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-e49449d2=""><span class="vpi-align-left menu-icon" data-v-e49449d2=""></span><span class="menu-text" data-v-e49449d2="">菜单</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-e49449d2="" data-v-fecb5f87=""><button data-v-fecb5f87="">回到顶部</button><!----></div></div></div><aside class="VPSidebar" data-v-b8e7742e="" data-v-3678c2fc=""><div class="curtain" data-v-3678c2fc=""></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-3678c2fc=""><span class="visually-hidden" id="sidebar-aria-label" data-v-3678c2fc=""> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-539315d8=""><section class="VPSidebarItem level-0" data-v-539315d8="" data-v-d5832562=""><div class="item" role="button" tabindex="0" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><h2 class="text" data-v-d5832562="">指引</h2><!----></div><div class="items" data-v-d5832562=""><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/what-is-gkd" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">什么是 GKD?</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">开始使用</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/snapshot" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">快照审查</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/subscription" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">订阅规则</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/external" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">外部交互</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/faq" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">常见问题</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-539315d8=""><section class="VPSidebarItem level-0 has-active" data-v-539315d8="" data-v-d5832562=""><div class="item" role="button" tabindex="0" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><h2 class="text" data-v-d5832562="">选择器</h2><!----></div><div class="items" data-v-d5832562=""><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/selector" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">语法介绍</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/node" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">属性方法</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/example" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">选择示例</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d5832562=""><div class="item" data-v-d5832562=""><div class="indicator" data-v-d5832562=""></div><a class="VPLink link link" href="/guide/optimize" data-v-d5832562=""><!--[--><p class="text" data-v-d5832562="">查询优化</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-b8e7742e="" data-v-53ce3a4b=""><div class="VPDoc has-sidebar has-aside" data-v-53ce3a4b="" data-v-7f5b4f5c=""><!--[--><!--]--><div class="container" data-v-7f5b4f5c=""><div class="aside" data-v-7f5b4f5c=""><div class="aside-curtain" data-v-7f5b4f5c=""></div><div class="aside-container" data-v-7f5b4f5c=""><div class="aside-content" data-v-7f5b4f5c=""><div class="VPDocAside" data-v-7f5b4f5c="" data-v-81573563=""><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-81573563="" data-v-1e1c0fbd=""><div class="content" data-v-1e1c0fbd=""><div class="outline-marker" data-v-1e1c0fbd=""></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-1e1c0fbd="">页面导航</div><ul class="VPDocOutlineItem root" data-v-1e1c0fbd="" data-v-480b7683=""><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-81573563=""></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7f5b4f5c=""><div class="content-container" data-v-7f5b4f5c=""><!--[--><!--]--><main class="main" data-v-7f5b4f5c=""><div style="position:relative;" class="vp-doc _guide_selector" data-v-7f5b4f5c=""><div><h1 id="title" tabindex="-1">选择器 <a class="header-anchor" href="#title" aria-label="Permalink to "选择器 {#title}""></a></h1><p>一个类似 CSS 选择器的选择器, 能联系节点上下文信息, 更容易也更精确找到目标节点</p><h2 id="why" tabindex="-1">为什么需要选择器 <a class="header-anchor" href="#why" aria-label="Permalink to "为什么需要选择器 {#why}""></a></h2><p>我们的目的是查询获取屏幕上的某个节点, 最简单的情况下, 目标节点已经有唯一的 id/text 标识</p><p>这时只需要配置 id/text 就能简单执行点击, 但实际情况很多节点都缺失了这些信息, 无法简单查询获取</p><p>节点还存在很多额外信息没有被利用到, 节点所有属性可以在 <a href="https://i.gkd.li/i/14045424" target="_blank" rel="noreferrer">快照-14045424</a> 的属性面板看到</p><p>另一种常见的情况是节点没有有效属性, 这时我们需要根据周围的节点去定位</p><p>选择器就是为了解决这些问题而开发的, 下面是对选择器语法的详细介绍</p><div class="tip custom-block github-alert"><p class="custom-block-title">提示</p><p>本文是从 <strong>抽象语法树(AST)</strong> 的角度去完备地介绍选择器结构<br> 如果你是初学者, 建议你直接看 <a href="./example">选择器-示例</a></p></div><h2 id="syntax" tabindex="-1">语法 <a class="header-anchor" href="#syntax" aria-label="Permalink to "语法 {#syntax}""></a></h2><p>与 CSS 类似, 一个选择器由 属性选择器 和 关系选择器 交叉组成, 并且开头末尾必须是 属性选择器</p><p>示例 <code>div > img</code> 的结构是 <code>属性选择器 关系选择器 属性选择器</code>, 它表示选择父节点是 <code>div</code> 的 <code>img</code> 节点, 这与 <a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/Child_combinator" target="_blank" rel="noreferrer">相同 CSS 语法</a> 语义一致</p><p>另外 属性选择器 和 关系选择器 之间必须<strong>强制</strong>用 空白字符(空格/换行/回车/制表) 隔开</p><p>即 <code>div>img</code> 非法, 必须写成 <code>div > img</code></p><p>下面分别介绍 <a href="#attr">属性选择器</a> 和 <a href="#connect">关系选择器</a></p><h2 id="attr" tabindex="-1">属性选择 <a class="header-anchor" href="#attr" aria-label="Permalink to "属性选择 {#attr}""></a></h2><p>它和 CSS 语法的 属性选择器很相似, 但更强大, 如下是一个示例</p><p><code>@TextView[a=1][b^='2'][c*='a'||d.length>7&&e=false][!(f=true)][g.plus(1)>0]</code></p><p><code>@</code> 表示选择此节点, 一条规则最后属性选择器 <code>@</code> 生效, 如果没有 <code>@</code>, 取最后一个属性选择器</p><p><code>TextView</code> 代表节点的 name 属性, 而且与 CSS 相似, <code>*</code> 表示匹配任意属性</p><p>由于该选择器主要用于 Android 平台, 节点的 name 都是 java 类如 android.text.TextView 这种形式</p><p>为了方便书写规则, 上述 <code>TextView</code> 等价 <code>[name='TextView'||name$='.TextView']</code></p><p><code>[]</code> 内部是一个 逻辑表达式/布尔表达式/取反表达式</p><ul><li>逻辑表达式 -> <code>name='TextView'||name$='.TextView'</code></li><li>布尔表达式 -> <code>name='TextView'</code></li><li>取反表达式 -> <code>!(name$='TextView')</code>, <code>!(name='TextView'||name$='.TextView')</code></li></ul><p>注意 取反表达式中的 <code>!</code> 后面必须是 <code>(...)</code>, <code>!!(...)</code> 是非法的</p><p>逻辑表达式 有两个操作符 <code>||</code> 和 <code>&&</code>. <code>&&</code> 优先级更高</p><p>即 <code>[a>1||b>1&&c>1||d>1]</code> 等价于 <code>[a>1||(b>1&&c>1)||d>1]</code></p><p>并列的 <code>[]</code> 视为使用 <code>&&</code> 的逻辑表达式, 即 <code>[a=1][b=1]</code> 等价于 <code>[a=1&&b=1]</code></p><p>布尔表达式 由 <code>左值 操作符 右值</code> 构成, 左值/右值 是一个 值表达式</p><p>下面分别介绍 <a href="#value-exp">值表达式</a> 和 <a href="#attr-operator">操作符</a></p><h2 id="value-exp" tabindex="-1">值表达式 <a class="header-anchor" href="#value-exp" aria-label="Permalink to "值表达式 {#value-exp}""></a></h2><p>值表达式分两类: 变量 和 字面量, 下图是关系表格</p><table><thead><tr><th colspan="2"><div text-center="">值表达式</div></th><th>示例</th></tr></thead><tbody><tr><td rowspan="3">变量</td><td>标识符</td><td><code> a </code></td></tr><tr><td>成员表达式</td><td><code>a.b</code></td></tr><tr><td>调用表达式</td><td><code>a(b,c)</code></td></tr><tr><td rowspan="4">字面量</td><td>null</td><td><code>null</code></td></tr><tr><td>boolean</td><td><code>false</code></td></tr><tr><td>int</td><td><code>114514</code></td></tr><tr><td>string</td><td><code>'ikun'</code></td></tr></tbody></table><p>每个值表达式都有其类型, 可细分为两类</p><p>基础类型: <code>null</code> <code>boolean</code> <code>int</code> <code>string</code></p><p>对象类型: <code>object</code></p><p>对象类型可细分为 <code>context</code> 和 <code>node</code> 两种类型</p><p>比如选择器 <code>[parent=null]</code> 代表选择一个父节点是 null 的节点, 即根节点</p><p>上面的 <code>parent</code> 属于 值表达式/变量/标识符, 类型是 <code>node</code></p><p><code>context</code> 类型指代当前节点的上下文, 当想使用不属于 <code>node</code> 上的属性方法时就需要 <code>context</code></p><p>你可以在 <a href="./node">选择器-属性方法</a> 查看所有类型和对应属性方法</p><h3 id="var" tabindex="-1">变量 <a class="header-anchor" href="#var" aria-label="Permalink to "变量 {#var}""></a></h3><p>首先需要了解 <strong>标识符</strong>: 正则匹配 <code>^[_a-zA-Z][a-zA-Z0-9_]*$</code> 并且不是 <code>null</code>/<code>true</code>/<code>false</code> 的字符串</p><p>示例合法变量名: <code>a</code> <code>ikun</code> <code>manbaout</code>, 下面可输入字符测试否是合法</p><div class="vp-raw"><div><input placeholder="请输入标识符测试是否合法" type="text" value="" class="flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"><div mt-4px="" class="color-red opacity-0">非法标识符❌</div></div></div><hr><p>接下来了解 <strong>成员表达式</strong> <code>a.b</code>, 它被 <code>.</code> 分为两个部分, 前部分是另一个变量, 后部分是一个标识符作为属性</p><p>同理 <code>a.b.c</code> 也是一个 成员表达式, 其中 <code>a.b</code> 是它的变量部分, <code>c</code> 是一个合法的标识符作为属性</p><p>根据上面标识符的规则, <code>a.1</code>, <code>a.null</code>, <code>a.true</code> 都是非法成员表达式</p><hr><p>最后了解 <strong>调用表达式</strong> <code>a(b,c)</code>, 它由两个部分构成, <code>(</code> 的左侧 <code>a</code> 是一个变量作为 调用者</p><p><code>(b,c)</code> 作为调用参数(值类型), 调用参数数量可以是 0 或任意个, 即 <code>a()</code> 也是合法的</p><p>合法的其它例子: <code>a.b(c,d).e(f).g(1,2,true)</code></p><p>需要注意调用者不能是 调用表达式, 即 <code>a()()</code> 非法</p><h3 id="literal" tabindex="-1">字面量 <a class="header-anchor" href="#literal" aria-label="Permalink to "字面量 {#literal}""></a></h3><p>根据上面的表格, 字面量有 4 种: <code>null</code>, <code>boolean</code>, <code>int</code>, <code>string</code></p><ul><li>null</li><li>boolean 使用 <code>true</code>/<code>false</code></li><li>int 匹配 <code>^-?[0-9]$</code>, 即十进制整数, 示例 <code>-1</code>,<code>0</code>,<code>1</code>, 不支持 <code>+1</code> 这种写法</li><li>string 使用 ' ` " 之一成对包裹, 内部字符转义使用 <code>\</code><br> 所有的转义字符示例 <code>\\</code>, <code>\'</code>, <code>\"</code>, <code>\`</code>, <code>\n</code>, <code>\r</code>, <code>\t</code>, <code>\b</code>, <code>\xfF</code>, <code>\uffFF</code><br> 不支持多行字符, 处于 <code>[0, 0x1F]</code> 的控制字符必须使用转义字符表示</li></ul><p>此外使用 string 时需要了解 <a href="#nest-escape">嵌套转义字符</a> 以避免出现错误</p><h2 id="attr-operator" tabindex="-1">操作符 <a class="header-anchor" href="#attr-operator" aria-label="Permalink to "操作符 {#attr-operator}""></a></h2><p>操作符 用于连接两个 值表达式</p><table tabindex="0"><thead><tr><th style="text-align:center;">操作符</th><th style="text-align:center;">名称</th><th style="text-align:center;">说明</th></tr></thead><tbody><tr><td style="text-align:center;">=</td><td style="text-align:center;">equal</td><td style="text-align:center;">等于</td></tr><tr><td style="text-align:center;">!=</td><td style="text-align:center;">notEqual</td><td style="text-align:center;">不等于</td></tr><tr><td style="text-align:center;">></td><td style="text-align:center;">more</td><td style="text-align:center;">大于</td></tr><tr><td style="text-align:center;">>=</td><td style="text-align:center;">moreEqual</td><td style="text-align:center;">大于或等于</td></tr><tr><td style="text-align:center;"><</td><td style="text-align:center;">less</td><td style="text-align:center;">小于</td></tr><tr><td style="text-align:center;"><=</td><td style="text-align:center;">lessEqual</td><td style="text-align:center;">小于或等于</td></tr><tr><td style="text-align:center;">^=</td><td style="text-align:center;">startsWith</td><td style="text-align:center;">以...开头</td></tr><tr><td style="text-align:center;">!^=</td><td style="text-align:center;">notStartsWith</td><td style="text-align:center;">不以...开头</td></tr><tr><td style="text-align:center;">*=</td><td style="text-align:center;">contains</td><td style="text-align:center;">包含...</td></tr><tr><td style="text-align:center;">!*=</td><td style="text-align:center;">notContains</td><td style="text-align:center;">不包含...</td></tr><tr><td style="text-align:center;">$=</td><td style="text-align:center;">endsWith</td><td style="text-align:center;">以...结尾</td></tr><tr><td style="text-align:center;">!$=</td><td style="text-align:center;">notEndsWith</td><td style="text-align:center;">不以...结尾</td></tr><tr><td style="text-align:center;">~=</td><td style="text-align:center;">matches</td><td style="text-align:center;">正则匹配...</td></tr><tr><td style="text-align:center;">!~=</td><td style="text-align:center;">notMatches</td><td style="text-align:center;">正则不匹配...</td></tr></tbody></table><p>附加说明: <code>matches</code>/<code>notMatches</code> 要求 值 必须是合法的 <a href="https://docs.oracle.com/javase/8/docs/api/java/util/regex/Pattern.html" target="_blank" rel="noreferrer">Java/Kotlin 正则表达式</a>, 否则提示语法错误</p><p>并且 <code>matches</code>/<code>notMatches</code> 右侧的值只能是 字面量/字符串</p><p>操作符只能使用在对应的类型的值, 比如 <code>a>''</code> 类型不匹配, 将提示 <code>非法类型</code></p><p>下面表格中 <code>-</code> 表示类型不匹配</p><table tabindex="0"><thead><tr><th style="text-align:center;"></th><th style="text-align:center;">null</th><th style="text-align:center;">boolean</th><th style="text-align:center;">int</th><th style="text-align:center;">string</th></tr></thead><tbody><tr><td style="text-align:center;">=</td><td style="text-align:center;">✔</td><td style="text-align:center;">✔</td><td style="text-align:center;">✔</td><td style="text-align:center;">✔</td></tr><tr><td style="text-align:center;">!=</td><td style="text-align:center;">✔</td><td style="text-align:center;">✔</td><td style="text-align:center;">✔</td><td style="text-align:center;">✔</td></tr><tr><td style="text-align:center;">></td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td><td style="text-align:center;">-</td></tr><tr><td style="text-align:center;">>=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td><td style="text-align:center;">-</td></tr><tr><td style="text-align:center;"><</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td><td style="text-align:center;">-</td></tr><tr><td style="text-align:center;"><=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td><td style="text-align:center;">-</td></tr><tr><td style="text-align:center;">^=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td></tr><tr><td style="text-align:center;">!^=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td></tr><tr><td style="text-align:center;">*=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td></tr><tr><td style="text-align:center;">!*=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td></tr><tr><td style="text-align:center;">$=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td></tr><tr><td style="text-align:center;">!$=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td></tr><tr><td style="text-align:center;">~=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td></tr><tr><td style="text-align:center;">!~=</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td><td style="text-align:center;">✔</td></tr></tbody></table><p>除 <code>=</code>/<code>!=</code> 以外的操作符, 当节点属性是 null 时表达式为 <code>false</code></p><ul><li>a > 233</li><li>a >= 233</li><li>a < 233</li><li>a <= 233</li><li>a ^= 'xxx'</li><li>a !^= 'xxx'</li><li>a *= 'xxx'</li><li>a !* 'xxx'</li><li>a $= 'xxx'</li><li>a !$= 'xxx'</li><li>a ~= 'xxx'</li><li>a !~= 'xxx'</li></ul><p>即当 a 是 <code>null</code> 时以上表达式为 <code>false</code></p><p>你可能会对 <code>a !$= 'xxx'</code> 在 a 是 <code>null</code> 表达式为 <code>false</code> 感到奇怪</p><p>那你可以换一种写法使用 <code>a=null || a!$='xxx'</code> 或 <code>!(a$='xxx')</code></p><h2 id="connect" tabindex="-1">关系选择 <a class="header-anchor" href="#connect" aria-label="Permalink to "关系选择 {#connect}""></a></h2><p>关系选择器 由 关系操作符 和 关系表达式 构成, 用于连接两个属性选择器</p><p>简单示例: <code>div > a</code>, 它 表示/约束 两个节点之间的关系, 下面介绍 <a href="#connect-operator">关系操作符</a> 和 <a href="#connect-exp">关系表达式</a></p><h3 id="connect-exp" tabindex="-1">关系表达式 <a class="header-anchor" href="#connect-exp" aria-label="Permalink to "关系表达式 {#connect-exp}""></a></h3><p>关系表达式 表示查找节点的范围, 有两种</p><ul><li>元组表达式 <code>(a1,a2,a3,a_n)</code>, 其中 a1, a2, a3, a_n 是常量有序递增正整数, 示例 <code>(1)</code>, <code>(2,3,5)</code></li><li>多项式表达式 <code>(an+b)</code>, 其中 a 和 b 是常量整数, 它是元组表达式的另一种表示, 这个元组的数满足集合 <code>{an+b|an+b>=1,n>=1}</code> 如果集合为空集则表达式非法<br> 当 a<=0 时, 它具有等价的元组表达式<br> 示例 <code>(-n+4)</code> 等价于 <code>(1,2,3)</code><br> 示例 <code>(-3n+10)</code> 等价于 <code>(1,4,7)</code><br> 当 a>0 时, 它表示无限的元组表达式<br> 示例 <code>(n)</code>, 它表示 <code>(1,2,3,...)</code> 一个无限的元组<br> 示例 <code>(2n-1)</code>, 它表示 <code>(1,3,5,...)</code> 一个无限的元组</li></ul><h3 id="connect-operator" tabindex="-1">关系操作符 <a class="header-anchor" href="#connect-operator" aria-label="Permalink to "关系操作符 {#connect-operator}""></a></h3><p>关系操作符 表示查找节点的方向, 有 5 种关系操作符, <code>+</code>, <code>-</code>, <code>></code>, <code><</code>, <code><<</code></p><!--[--><table tabindex="0"><thead><tr><th style="text-align:center;">操作符</th><th style="text-align:center;">名称</th><th style="text-align:center;">图例</th><th style="text-align:center;">选择器</th></tr></thead><tbody><tr><td style="text-align:center;">+</td><td style="text-align:center;">前置兄弟节点</td><td style="text-align:center;"><div class="n-image"><img src="https://registry.npmmirror.com/@gkd-kit/assets/0.0.11/files/assets/0020.png" width="250"></div></td><td style="text-align:center;"><a href="https://i.gkd.li/i/14045424?gkd=KiArIFtfaWQ9MzNd" target="_blank" rel="noreferrer">* + [_id=33]</a></td></tr><tr><td style="text-align:center;">-</td><td style="text-align:center;">后置兄弟节点</td><td style="text-align:center;"><div class="n-image"><img src="https://registry.npmmirror.com/@gkd-kit/assets/0.0.11/files/assets/0021.png" width="250"></div></td><td style="text-align:center;"><a href="https://i.gkd.li/i/14045424?gkd=KiAtIFtfaWQ9MzJd" target="_blank" rel="noreferrer">* - [_id=32]</a></td></tr><tr><td style="text-align:center;">></td><td style="text-align:center;">祖先节点</td><td style="text-align:center;"><div class="n-image"><img src="https://registry.npmmirror.com/@gkd-kit/assets/0.0.11/files/assets/0022.png" width="250"></div></td><td style="text-align:center;"><a href="https://i.gkd.li/i/14045424?gkd=KiA-IFtfaWQ9OTBd" target="_blank" rel="noreferrer">* > [_id=90]</a></td></tr><tr><td style="text-align:center;"><</td><td style="text-align:center;">直接子节点</td><td style="text-align:center;"><div class="n-image"><img src="https://registry.npmmirror.com/@gkd-kit/assets/0.0.11/files/assets/0023.png" width="250"></div></td><td style="text-align:center;"><a href="https://i.gkd.li/i/14045424?gkd=KiA8IFtfaWQ9ODld" target="_blank" rel="noreferrer">* < [_id=89]</a></td></tr><tr><td style="text-align:center;"><<</td><td style="text-align:center;">子孙节点(深度先序)</td><td style="text-align:center;"><div class="n-image"><img src="https://registry.npmmirror.com/@gkd-kit/assets/0.0.11/files/assets/0024.png" width="250"></div></td><td style="text-align:center;"><a href="https://i.gkd.li/i/14045424?gkd=KiA8PDIgW19pZD0yOV0" target="_blank" rel="noreferrer">* <<2 [_id=29]</a></td></tr></tbody></table><!--]--><p>将 关系操作符 和 关系表达式 连接起来就得到了 关系选择器</p><p><code>A +(a1,a2,a3,a_n) B</code> : A 是 B 的前置兄弟节点, 并且 A.index 满足 B.index-(a_m), 其中 a_m 是元组的任意一个数字</p><p><code>A -(a1,a2,a3,a_n) B</code> : A 是 B 的后置兄弟节点, 并且 A.index 满足 B.index+(a_m)</p><p><code>A >(a1,a2,a3,a_n) B</code> : A 是 B 的祖先节点, 并且 A.depth 满足 B.depth-(a_m), 根节点的 depth=0</p><p><code>A <(a1,a2,a3,a_n) B</code> : A 是 B 的直接子节点, 并且 A.index 满足 a_m-1</p><p><code>A <<(a1,a2,a3,a_n) B</code> : A 是 B 的子孙节点, 并且 A.order 满足 a_m-1, A.order 是深度优先先序遍历的索引</p><h3 id="connect-shortcut" tabindex="-1">表达式简写 <a class="header-anchor" href="#connect-shortcut" aria-label="Permalink to "表达式简写 {#connect-shortcut}""></a></h3><p>一般情况下, 并不需要写严格完整的表达式, 使用简化写法更方便快捷</p><p>下面是一些特殊情况下的简写表示</p><p>当 a=0 或 b=0 时, 括号可以省略, 以 <code>+</code> 为例</p><ul><li><code>A +(3n+0) B</code> -> <code>A +(3n) B</code> -> <code>A +3n B</code></li><li><code>A +(0n+3) B</code> -> <code>A +(+3) B</code> -> <code>A +3 B</code></li></ul><p>当 a=0 且 b=1 时, an+b 可以省略, 以 <code>+</code> 为例</p><ul><li><code>A +(0n+1) B</code> -> <code>A + B</code></li></ul><p>此外 <code>A + B</code>,<code>A > B</code> 都与等价的 CSS 语法语义相同</p><p>当 a=1 且 b=0 且操作符是 <code>></code>, 可以进一步简写, 比如</p><ul><li><code>A >(1n+0) B</code> -> <code>A >n B</code> -> <code>A B</code></li></ul><p>这与等价的 CSS 语法语义相同</p><h2 id="example" tabindex="-1">示例 <a class="header-anchor" href="#example" aria-label="Permalink to "示例 {#example}""></a></h2><div class="language-txt vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">txt</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>@LinearLayout > TextView[id=`com.byted.pangle:id/tt_item_tv`][text=`不感兴趣`]</span></span></code></pre></div><p>选择器从末尾开始查找, 首先找到 id=`com.byted.pangle:id/tt_item_tv` 和 text=`不感兴趣` 的 TextView, 并且父节点是 LinearLayout 的节点</p><p>此时我们得到两个节点 [LinearLayout, TextView] 根据 <code>@</code> 知道目标节点是 LinearLayout</p><p>实际上它与</p><div class="language-txt vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">txt</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>TextView[id=`com.byted.pangle:id/tt_item_tv`][text=`不感兴趣`] <n LinearLayout</span></span></code></pre></div><p>的目标匹配节点是等价的, 但是在查询算法时间复杂度上, 后者更慢</p><p>如下是网页无障碍快照审查工具, 使用它的搜索框的选择器查询可以实时测试编写的选择器</p><ul><li><a href="https://i.gkd.li/i/14045424" target="_blank" rel="noreferrer">快照-14045424</a></li><li><a href="https://i.gkd.li/i/14034770" target="_blank" rel="noreferrer">快照-14034770</a></li><li><a href="https://i.gkd.li/i/14031920" target="_blank" rel="noreferrer">快照-14031920</a></li><li><a href="https://i.gkd.li/i/14018243" target="_blank" rel="noreferrer">快照-14018243</a></li><li><a href="https://i.gkd.li/i/14011298" target="_blank" rel="noreferrer">快照-14011298</a></li><li><a href="https://i.gkd.li/i/13999908" target="_blank" rel="noreferrer">快照-13999908</a></li></ul><h2 id="note" tabindex="-1">一些注意 <a class="header-anchor" href="#note" aria-label="Permalink to "一些注意 {#note}""></a></h2><h3 id="match-order" tabindex="-1">匹配顺序 <a class="header-anchor" href="#match-order" aria-label="Permalink to "匹配顺序 {#match-order}""></a></h3><p>选择器的匹配顺序是 <strong>从右往左匹配</strong></p><p>例如 <code>FrameLayout > TextView</code>, 它是先从 根节点/事件节点 找到 <code>TextView</code>, 然后再判断 parent 是不是 <code>FrameLayout</code></p><p>并不是先找到 <code>FrameLayout</code> 然后再判断 child 是否有 <code>TextView</code></p><p>同时在 <a href="https://i.gkd.li/i/15747758?gkd=RnJhbWVMYXlvdXQgPiBUZXh0Vmlldw" target="_blank" rel="noreferrer">选择器路径视图</a> 也会标明匹配顺序和查找方向</p><h3 id="regex-optimization" tabindex="-1">正则表达式优化 <a class="header-anchor" href="#regex-optimization" aria-label="Permalink to "正则表达式优化 {#regex-optimization}""></a></h3><p>对 <code>matches</code>/<code>notMatches</code> 的优化: 如果正则表达式满足下面的条件, 选择器将使用内置的简单的函数匹配, 而不是真正地去运行一个正则表达式</p><ul><li><code>[text~="(?is)abc.*"]</code> -> <code>startsWith('abc', ignoreCase = true)</code></li><li><code>[text~="(?is).*abc.*"]</code> -> <code>contains('abc', ignoreCase = true)</code></li><li><code>[text~="(?is).*abc"]</code> -> <code>endsWith('abc', ignoreCase = true)</code></li><li><code>[text!~="(?is)abc.*"]</code> -> <code>notStartsWith('abc', ignoreCase = true)</code></li><li><code>[text!~="(?is).*abc.*"]</code> -> <code>notContains('abc', ignoreCase = true)</code></li><li><code>[text!~="(?is).*abc"]</code> -> <code>notEndsWith('abc', ignoreCase = true)</code></li></ul><p>上面的 <code>abc</code> 指代不包含 <code>\^$.?*|+()[]{}</code> 这类特殊正则字符的任意字符串, 如 <code>ikun</code> 符合, <code>ikun?</code> 不符合, <code>ignoreCase = true</code> 表示忽略大小写</p><p>简单来说就是如果你只想忽略大小写去简单匹配或不匹配一些字符串, 那么直接使用上面的格式</p><h3 id="regex-multiplatform" tabindex="-1">正则表达式一致性 <a class="header-anchor" href="#regex-multiplatform" aria-label="Permalink to "正则表达式一致性 {#regex-multiplatform}""></a></h3><p>由于 选择器 需要同时满足 浏览器/Js(审查工具), Android/Java(GKD) 运行, 而这两个平台的正则表达式的底层实现和语法表示略有不同</p><p>因此为了在 Js 端实现和 Java 一致的正则表达式规范, 网页审查工具借助 <a href="https://kotlinlang.org/docs/wasm-overview.html" target="_blank" rel="noreferrer">Kotlin Wasm</a> 将正则表达式的 matches 函数接口编译为 wasm 提供给 Js 调用</p><p>Kotlin Wasm 需要你的浏览器支持 <a href="https://developer.chrome.com/blog/wasmgc?hl=zh-cn" target="_blank" rel="noreferrer">WasmGC</a>, 也就是版本需要满足下列条件</p><div class="n-image"><img src="https://registry.npmmirror.com/@gkd-kit/assets/0.0.11/files/assets/0025.png"></div><p>如果你在 nodejs 使用 gkd 选择器, 需要 node>=22 版本</p><p>如果你的 浏览器/nodejs 版本不满足, 正则表达式将自动回退到 Js 端实现, 以下是在 Js 端使用正则表达式需要注意的地方</p><p>比如上面的正则表达式优化例子中开头的 <code>(?is)</code> 是 Java 正则表达式的 inline flags 语法, 但实际上 Js 并不支持这样写, 只是选择器内部做了一些兼容让它支持</p><p>并且选择器的 Js 端只兼容在开头的 flags, 在内部的 flags 不支持, 此外 Java 和 Js 支持的 flags 也有不同, 某些特殊的表达式表现也不一致</p><p>总之不要使用太过复杂(多复杂我也不知道)的正则表达式, 某些正则表达式有可能在审查工具上匹配, 但是在 GKD 上不匹配</p><p>如果你能确保正则表达式在 Js 和 Java/Kotlin 的匹配行为一致, 那就没问题</p><p>总之两种情况</p><ul><li>高版本 浏览器/nodejs 可以使用 <strong>完整一致</strong> 的正则表达式</li><li>低版本 浏览器/nodejs 使用 <strong>小范围不完整不一致</strong> 的正则表达式</li></ul><p>如果你的选择器没有使用正则表达式则不用关心此问题</p><h3 id="nest-escape" tabindex="-1">嵌套转义字符 <a class="header-anchor" href="#nest-escape" aria-label="Permalink to "嵌套转义字符 {#nest-escape}""></a></h3><p>转义字符一般用于表示不能直接显示具体特殊意义的字符</p><p>对于 GKD 的选择器而言, 转义字符使用示例如下</p><div class="language-txt vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">txt</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>TextView[text="\\\n"]</span></span></code></pre></div><p>这表示选择一个 TextView, 它的 text 长度为 2, 开头是 <code>\</code>, 末尾是换行</p><p>这和平常写的代码里面的 string 声明用法一模一样</p><p>但是选择器最终放在规则的字段里面, 也就是这个选择器字符串处于 JSON 的 string 内</p><p>如果你想当然地直接手动复制插入到编辑器里出现下面这种规则</p><div class="language-json5 vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">json5</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
|
|
21
21
|
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> matches</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">'TextView[text="</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\\n</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"]'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
|
|
22
22
|
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>由于 JSON 也有自己的转义, 规则与 GKD 的转义基本一致, 因此你的实际选择器实际变成了</p><div class="language-txt vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">txt</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>TextView[text="\</span></span>
|
|
23
23
|
<span class="line"><span>"]</span></span></code></pre></div><p>这明显是一个非法的选择器</p><p>解决方式也很简单, 手动插入的时候将你的 <code>\</code> 变成 <code>\\</code>, 正确的规则如下</p><div class="language-json5 vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">json5</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
|
|
@@ -28,8 +28,8 @@
|
|
|
28
28
|
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> matches</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">'TextView[text~="</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\\\\\\\</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"]'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
|
|
29
29
|
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>实现和上面相同的结果, 即用 <code>=</code> 匹配一个 <code>\</code> 字符, 最终规则应该写成</p><div class="language-json5 vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">json5</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
|
|
30
30
|
<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> matches</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">'TextView[text="</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\\\</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">"]'</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
|
|
31
|
-
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>类似的问题 <a href="https://github.com/gkd-kit/gkd/issues/603" target="_blank" rel="noreferrer">gkd-kit/gkd#603</a></p></div></div></main><footer class="VPDocFooter" data-v-7f5b4f5c="" data-v-777673f1=""><!--[--><!--]--><div class="edit-info" data-v-777673f1=""><div class="edit-link" data-v-777673f1=""><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/gkd-kit/docs/edit/main/docs/guide/selector.md" target="_blank" rel="noreferrer" data-v-777673f1=""><!--[--><span class="vpi-square-pen edit-link-icon" data-v-777673f1=""></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-777673f1=""><p class="VPLastUpdated" data-v-777673f1="" data-v-019587cc="">最后更新于: <time datetime="2024-12-14T15:
|
|
32
|
-
<script>window.__VP_HASH_MAP__=JSON.parse("{\"api_index.md\":\"DpXyfY1L\",\"api_interfaces_rawapp.md\":\"BpGr9CnK\",\"api_interfaces_rawappgroup.md\":\"DgTybHUK\",\"api_interfaces_rawapprule.md\":\"DXz0HCLH\",\"api_interfaces_rawappruleprops.md\":\"CmoqHafA\",\"api_interfaces_rawcategory.md\":\"CQlDJU2a\",\"api_interfaces_rawcommonprops.md\":\"C7Bm8Aiw\",\"api_interfaces_rawglobalapp.md\":\"DLvGUcr3\",\"api_interfaces_rawglobalgroup.md\":\"BauiRmV2\",\"api_interfaces_rawglobalrule.md\":\"CkRXFpc0\",\"api_interfaces_rawglobalruleprops.md\":\"CqorLHIT\",\"api_interfaces_rawgroupprops.md\":\"BKxdlrTw\",\"api_interfaces_rawruleprops.md\":\"Xpur0e3V\",\"api_interfaces_rawsubscription.md\":\"D6PNqAht\",\"api_type-aliases_iarray.md\":\"BlW_x7iw\",\"api_type-aliases_integer.md\":\"Cn7gzSLN\",\"api_type-aliases_position.md\":\"DStZhezQ\",\"guide_example.md\":\"
|
|
31
|
+
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>类似的问题 <a href="https://github.com/gkd-kit/gkd/issues/603" target="_blank" rel="noreferrer">gkd-kit/gkd#603</a></p></div></div></main><footer class="VPDocFooter" data-v-7f5b4f5c="" data-v-777673f1=""><!--[--><!--]--><div class="edit-info" data-v-777673f1=""><div class="edit-link" data-v-777673f1=""><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/gkd-kit/docs/edit/main/docs/guide/selector.md" target="_blank" rel="noreferrer" data-v-777673f1=""><!--[--><span class="vpi-square-pen edit-link-icon" data-v-777673f1=""></span> 为此页提供修改建议<!--]--></a></div><div class="last-updated" data-v-777673f1=""><p class="VPLastUpdated" data-v-777673f1="" data-v-019587cc="">最后更新于: <time datetime="2024-12-14T15:36:44.000Z" data-v-019587cc=""></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-777673f1=""><span class="visually-hidden" id="doc-footer-aria-label" data-v-777673f1="">Pager</span><div class="pager" data-v-777673f1=""><a class="VPLink link pager-link prev" href="/guide/faq" data-v-777673f1=""><!--[--><span class="desc" data-v-777673f1="">上一页</span><span class="title" data-v-777673f1="">常见问题</span><!--]--></a></div><div class="pager" data-v-777673f1=""><a class="VPLink link pager-link next" href="/guide/node" data-v-777673f1=""><!--[--><span class="desc" data-v-777673f1="">下一页</span><span class="title" data-v-777673f1="">属性方法</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-b8e7742e="" data-v-79b2db86=""><div class="container" data-v-79b2db86=""><p class="message" data-v-79b2db86="">Released under the GPL-v3 License.</p><p class="copyright" data-v-79b2db86="">Copyright © 2024 GKD. All rights reserved</p></div></footer><!--[--><!--]--></div><!----><!----><!--]--></div>
|
|
32
|
+
<script>window.__VP_HASH_MAP__=JSON.parse("{\"api_index.md\":\"DpXyfY1L\",\"api_interfaces_rawapp.md\":\"BpGr9CnK\",\"api_interfaces_rawappgroup.md\":\"DgTybHUK\",\"api_interfaces_rawapprule.md\":\"DXz0HCLH\",\"api_interfaces_rawappruleprops.md\":\"CmoqHafA\",\"api_interfaces_rawcategory.md\":\"CQlDJU2a\",\"api_interfaces_rawcommonprops.md\":\"C7Bm8Aiw\",\"api_interfaces_rawglobalapp.md\":\"DLvGUcr3\",\"api_interfaces_rawglobalgroup.md\":\"BauiRmV2\",\"api_interfaces_rawglobalrule.md\":\"CkRXFpc0\",\"api_interfaces_rawglobalruleprops.md\":\"CqorLHIT\",\"api_interfaces_rawgroupprops.md\":\"BKxdlrTw\",\"api_interfaces_rawruleprops.md\":\"Xpur0e3V\",\"api_interfaces_rawsubscription.md\":\"D6PNqAht\",\"api_type-aliases_iarray.md\":\"BlW_x7iw\",\"api_type-aliases_integer.md\":\"Cn7gzSLN\",\"api_type-aliases_position.md\":\"DStZhezQ\",\"guide_example.md\":\"BGeWFkCS\",\"guide_external.md\":\"BNokPdO1\",\"guide_faq.md\":\"DryvgCAx\",\"guide_index.md\":\"Cxzv36Jp\",\"guide_node.md\":\"Cr_obNfX\",\"guide_optimize.md\":\"C7Kde7LA\",\"guide_selector.md\":\"C7vUF5aO\",\"guide_snapshot.md\":\"Bw-Fk4T7\",\"guide_subscription.md\":\"DHetOcpz\",\"guide_what-is-gkd.md\":\"CL8LftJW\",\"index.md\":\"lp7UputV\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"GKD\",\"description\":\"自定义屏幕点击应用\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"https://registry.npmmirror.com/@gkd-kit/docs/0.0.1706371840771/files/.vitepress/dist/logo.svg\",\"lastUpdatedText\":\"最后更新于\",\"outlineTitle\":\"页面导航\",\"returnToTopLabel\":\"回到顶部\",\"darkModeSwitchLabel\":\"深色主题\",\"sidebarMenuLabel\":\"菜单\",\"docFooter\":{\"prev\":\"上一页\",\"next\":\"下一页\"},\"outline\":[2,3],\"nav\":[{\"text\":\"指引\",\"link\":\"/guide/\",\"activeMatch\":\"/guide/\"},{\"text\":\"API\",\"link\":\"/api/\",\"activeMatch\":\"/api/\"},{\"text\":\"审查工具\",\"link\":\"https://i.gkd.li\"},{\"text\":\"讨论交流\",\"link\":\"https://github.com/orgs/gkd-kit/discussions\"}],\"sidebar\":{\"/guide/\":[{\"text\":\"指引\",\"items\":[{\"text\":\"什么是 GKD?\",\"link\":\"/guide/what-is-gkd\"},{\"text\":\"开始使用\",\"link\":\"/guide/\"},{\"text\":\"快照审查\",\"link\":\"/guide/snapshot\"},{\"text\":\"订阅规则\",\"link\":\"/guide/subscription\"},{\"text\":\"外部交互\",\"link\":\"/guide/external\"},{\"text\":\"常见问题\",\"link\":\"/guide/faq\"}]},{\"text\":\"选择器\",\"items\":[{\"text\":\"语法介绍\",\"link\":\"/guide/selector\"},{\"text\":\"属性方法\",\"link\":\"/guide/node\"},{\"text\":\"选择示例\",\"link\":\"/guide/example\"},{\"text\":\"查询优化\",\"link\":\"/guide/optimize\"}]}],\"/api/\":[{\"link\":\"/api/\",\"text\":\"API Reference\"},{\"text\":\"Interfaces\",\"items\":[{\"text\":\"RawSubscription\",\"link\":\"/api/interfaces/RawSubscription.md\"},{\"text\":\"RawApp\",\"link\":\"/api/interfaces/RawApp.md\"},{\"text\":\"RawGlobalGroup\",\"link\":\"/api/interfaces/RawGlobalGroup.md\"},{\"text\":\"RawCategory\",\"link\":\"/api/interfaces/RawCategory.md\"},{\"text\":\"RawAppRule\",\"link\":\"/api/interfaces/RawAppRule.md\"},{\"text\":\"RawAppGroup\",\"link\":\"/api/interfaces/RawAppGroup.md\"},{\"text\":\"RawGlobalRule\",\"link\":\"/api/interfaces/RawGlobalRule.md\"},{\"text\":\"RawGlobalApp\",\"link\":\"/api/interfaces/RawGlobalApp.md\"},{\"text\":\"RawCommonProps\",\"link\":\"/api/interfaces/RawCommonProps.md\"},{\"text\":\"RawRuleProps\",\"link\":\"/api/interfaces/RawRuleProps.md\"},{\"text\":\"RawGroupProps\",\"link\":\"/api/interfaces/RawGroupProps.md\"},{\"text\":\"RawAppRuleProps\",\"link\":\"/api/interfaces/RawAppRuleProps.md\"},{\"text\":\"RawGlobalRuleProps\",\"link\":\"/api/interfaces/RawGlobalRuleProps.md\"}]},{\"text\":\"Type Aliases\",\"items\":[{\"text\":\"Position\",\"link\":\"/api/type-aliases/Position.md\"},{\"text\":\"IArray\",\"link\":\"/api/type-aliases/IArray.md\"},{\"text\":\"Integer\",\"link\":\"/api/type-aliases/Integer.md\"}]}]},\"editLink\":{\"pattern\":\"https://github.com/gkd-kit/docs/edit/main/docs/:path\",\"text\":\"为此页提供修改建议\"},\"search\":{\"provider\":\"local\",\"options\":{}},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/gkd-kit\"}],\"footer\":{\"message\":\"Released under the GPL-v3 License.\",\"copyright\":\"Copyright © 2024 GKD. All rights reserved\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":true}");</script>
|
|
33
33
|
|
|
34
34
|
|
|
35
35
|
</body></html>
|