修改图标
This commit is contained in:
parent
2a12bc5779
commit
2402f6161f
Binary file not shown.
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 17 KiB |
BIN
src/logo/tl.webp
BIN
src/logo/tl.webp
Binary file not shown.
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 85 KiB |
210
src/popup.html
210
src/popup.html
|
@ -1,138 +1,96 @@
|
|||
<!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>
|
||||
<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 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">
|
||||
<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="Gitea" data-balloon-pos="right">
|
||||
<a href="https://gitea.kiki.kim/HA/rutoxpath" target="_blank">
|
||||
<img src="logo/ruto.webp" alt="Ruto" style="width: 90px;height: 50px;" 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">Powered by 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
|
||||
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 class="flex" data-balloon="Blog" data-balloon-pos="left">
|
||||
<a href="https://kiki.kim/" target="_blank">
|
||||
<img src="logo/tl.webp" alt="logo" style="width: 80px;height: 50px;" />
|
||||
</a>
|
||||
</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>
|
||||
</body>
|
||||
|
||||
<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>
|
Loading…
Reference in New Issue