139 lines
4.1 KiB
HTML
139 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<meta charset="utf-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<title>Ruto</title>
|
||
<link rel="stylesheet" href="./tools/ballon.css" />
|
||
<link
|
||
rel="stylesheet"
|
||
type="text/css"
|
||
media="screen"
|
||
href="./tools/popupStyle.css"
|
||
/>
|
||
<script src="./content/jquery.min.js" type="text/javascript"></script>
|
||
<script defer src="./tools/popup.js"></script>
|
||
</head>
|
||
|
||
<body id="body">
|
||
<div class="review">
|
||
<p>开启后点击页面元素即可获取Xpath信息</p>
|
||
</div>
|
||
<div id="version" class="flex-containers">
|
||
<div
|
||
class="onoffswitch"
|
||
data-balloon-length="large"
|
||
data-balloon="开启后点击对象即可获取Xpath，同时原页面的点击动作失效。"
|
||
data-balloon-pos="right"
|
||
>
|
||
<input
|
||
type="checkbox"
|
||
name="onoffswitch"
|
||
class="onoffswitch-checkbox"
|
||
id="myonoffswitch"
|
||
/>
|
||
<label class="onoffswitch-label" for="myonoffswitch">
|
||
<span class="onoffswitch-inner"></span>
|
||
<span class="onoffswitch-switch"></span>
|
||
</label>
|
||
</div>
|
||
<div
|
||
class="likediv"
|
||
id="setting"
|
||
data-balloon="Setting"
|
||
data-balloon-pos="left"
|
||
>
|
||
<img src="./logo/icon/controls.svg" alt="Setting" />
|
||
</div>
|
||
<div
|
||
class="likediv"
|
||
data-balloon-length="small"
|
||
data-balloon="Write a review"
|
||
data-balloon-pos="left"
|
||
>
|
||
<!-- <a href="http://tiny.cc/rutoff" target="_blank">
|
||
<img src="./logo/icon/love.svg" alt="review" />
|
||
</a> -->
|
||
</div>
|
||
</div>
|
||
<hr />
|
||
<div class="snippets">
|
||
<textarea
|
||
type="text"
|
||
name="snippetsArea"
|
||
id="snippet"
|
||
class="textarea is-focused"
|
||
style="display:none"
|
||
></textarea>
|
||
<div
|
||
id="attributesValuesfromNode"
|
||
class="attribuesValuesFromNode"
|
||
hidden
|
||
></div>
|
||
<button id="copySnippet" data-copytarget="#snippet" style="display:none">
|
||
Copy Snippet
|
||
</button>
|
||
</div>
|
||
<div class="showVaribale">
|
||
<h2></h2>
|
||
</div>
|
||
<div id="webTable" class="webtable" style="display:none"></div>
|
||
<div id="outerDiv"></div>
|
||
<button class="accordion" style="display: none">More XPath</button>
|
||
<div class="panel" id="outerDiv"></div>
|
||
<div class="advanced" id="collapsible" hidden>
|
||
<label for="">Advance - Customize XPath</label>
|
||
</div>
|
||
<div id="showAdv" class="collapsible" hidden>
|
||
<div id="anc">
|
||
<div id="firstAnchor" class="s"></div>
|
||
<div id="secondAnchor" class="s"></div>
|
||
<button id="validateAnc" value="Validate" class="validateButton" hidden>
|
||
Validate
|
||
</button>
|
||
</div>
|
||
<div class="note">
|
||
<!-- <p>Note: Anchor XPath is still in beta, If you find useful rate Ruto :)</p> -->
|
||
</div>
|
||
</div>
|
||
<hr />
|
||
|
||
<div class="logos">
|
||
<div class="flex" data-balloon="Home" data-balloon-pos="right">
|
||
<a href="https://gitea.kiki.kim/HA/rutoxpath" target="_blank">
|
||
<img
|
||
src="logo/ruto.webp"
|
||
alt="Ruto"
|
||
style="width: 80px;"
|
||
class="rutohome"
|
||
/>
|
||
</a>
|
||
</div>
|
||
<div class="record" id="startRecord">
|
||
<div>
|
||
<p>Record sequence of test script</p>
|
||
<p style="font-size:0.6em; color:#888; margin-top:0.8em">基于Rūto-XPath Finder 6.0.1版本的二次开发</p>
|
||
</div>
|
||
<div class="onoffswitch">
|
||
<input
|
||
type="checkbox"
|
||
name="onoffswitchRecord"
|
||
class="onoffswitch-checkbox"
|
||
id="recordIcon"
|
||
/>
|
||
<label class="onoffswitch-label" for="recordIcon">
|
||
<span class="onoffswitch-inner"></span>
|
||
<span class="onoffswitch-switch"></span>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="flex">
|
||
<a target="_blank">
|
||
<img src="logo/tl.webp" alt="logo" style="width: 80px;" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|