添加打开页内页功能

css/tool_type.css

@@ -402,4 +402,7 @@ ins.adsbygoogle[data-ad-status="unfilled"]{
 }
 #rcb_menu>#rcb_t6{
     display: none
+}
+#rcb_menu>#rcb_t7{
+    display: none
 }

index.html

@@ -44,9 +44,11 @@
 			<li id="rcb_t4">↪&nbsp;前进</li>
 			<li id="rcb_t5">↻&nbsp;重载</li>
 			<li id="rcb_t6">🆕&nbsp;新标签页打开</li>
+			<li id="rcb_t7">📖&nbsp;在页内页打开</li>
 		</ul>
 	</body>
 </html>
-<script src="lib/js/api.js"></script>
+<script src="/lib/js/api.js"></script>
-<script src="js/popup.js"></script>
+<script src="/js/popup.js"></script>
-<script src="/js/contextmenu.js"></script>
+<script src="/js/contextmenu.js"></script>
+<script src="/js/openLink.js"></script>

js/contextmenu.js

@@ -6,8 +6,10 @@ function RightClickMenu(e) {
     rightMenu.style.display = 'block';
     if (e.target.closest('a')) {
         newTab.style.display = 'block';
+        if (document.write(location.href)=='https://tools.pj568.eu.org/') {document.querySelector('#rcb_t7').style.display = 'block'}
     } else {
         newTab.style.display = 'none';
+        document.querySelector('#rcb_t7').style.display = 'none';
     }
     let x = e.clientX, y = e.clientY,
     menuWidth = rightMenu.offsetWidth, menuHeight = rightMenu.offsetHeight,
@@ -20,7 +22,7 @@ function RightClickMenu(e) {
 document.body.addEventListener('click', function () {
     rightMenu.style.display = 'none';
 });
-// document.querySelector('#rcb_menu').addEventListener('click', function (e) {
+
 rightMenu.addEventListener('click', function (e) {
     switch (e.target.id) {
     case "rcb_t1":
@@ -40,7 +42,8 @@ rightMenu.addEventListener('click', function (e) {
         break;
     case "rcb_t6":
         if (e.target.closest('a')) {
-            window.open(e.target.closest('a').getAttribute('href'), '_blank');
+            var url = encodeURIComponent(e.target.closest('a').getAttribute('href'));
+            window.open(url);
         }
         break;
     default:

js/openLink.js

@@ -0,0 +1,8 @@
+function openLink() {  
+    var iframe = document.getElementById("myFrame");
+    var iframeSrc = iframe.getAttribute("src");
+    var encodedSrc = encodeURIComponent(iframeSrc);
+
+    var link = "/incert/?link=" + encodedSrc;
+    window.location.assign(link)
+  }

js/popup.js

@@ -39,7 +39,7 @@ function initData(){
 		list_html='',
 		sotreList=localStorage.getItem('list');
 		// 初始化
-		list_html+=`<div class="item info"><h2>欢迎使用<img class="mainicon" src="./img/icon.svg" />&nbsp;568Tools&nbsp;在线工具箱</h2><div id="ad_line" style="margin: 0 10px;"></div><p>致力于创造并维护无需注册、下载和上传即可免费使用的静态在线工具环境。部分项目来源于开源项目，热门工具已被标记为浅蓝色。<a href="lib/data.json" target="_blank">点击查看</a>&nbsp;json&nbsp;数据。</p><p><strong>如果您有问题或建议，请不要吝啬您的<a rel="nofollow" target="_blank" href="./comment">留言反馈</a>，感谢使用及分享！</strong>本站欢迎<a rel="nofollow" target="_blank" href="./application">提交您的页面</a>，本站将持续更新。</p><p>下载&nbsp;<strong>[568Tools&nbsp;工具箱]</strong>&nbsp;浏览器扩展插件或应用程序以供离线使用：<a rel="nofollow" target="_blank" href="/lib/app/568Tools_在线工具箱_First_Release.apk">安卓应用</a>。</p></div>`
+		list_html+=`<div class="item info"><h2>欢迎使用<img class="mainicon" src="./img/icon.svg"/>&nbsp;568Tools&nbsp;在线工具箱</h2><div id="ad_line" style="margin: 0 10px;"></div><p>致力于创造并维护无需注册、下载和上传即可免费使用的静态在线工具环境。部分项目来源于开源项目，热门工具已被标记为浅蓝色。<a href="lib/data.json" target="_blank">点击查看</a>&nbsp;json&nbsp;数据。</p><p><strong>如果您有问题或建议，请不要吝啬您的<a rel="nofollow" target="_blank" href="./comment">留言反馈</a>，感谢使用及分享！</strong>本站欢迎<a rel="nofollow" target="_blank" href="./application">提交您的页面</a>，本站将持续更新。</p><p>下载&nbsp;<strong>[568Tools&nbsp;工具箱]</strong>&nbsp;浏览器扩展插件或应用程序以供离线使用：<a rel="nofollow" target="_blank" href="/lib/app/568Tools_在线工具箱_First_Release.apk">安卓应用</a>。</p></div>`
 		// 初始化结束
 	if(!!sotreList){
 		sotreList=JSON.parse(sotreList);
@@ -65,7 +65,7 @@ function initData(){
 	}
 	// 后补
 	nav_html+=`<a href="#0" target="_self">页内页</a><a href="#-1" target="_self">项目贡献者</a><a href="#-2" target="_self">Star&nbsp;历史</a>`
-	list_html+=`<div id="0" class="item"><h2>页内页</h2><div class="child"><iframe src="https://Tools.PJ568.eu.org/about/" class="page"></iframe><a href="https://Tools.PJ568.eu.org/incert/?link=" target="_self">进入页面</a></div></div><div id="-1" class="item"><h2>项目贡献者</h2><div class="child"><a class="contri" href="https://github.com/PJ-568/lib/graphs/contributors" target="_blank"><img src="https://contrib.rocks/image?repo=PJ-568/568tools"/></a></div></div><div id="-2" class="item"><h2>Star&nbsp;历史</h2><div class="child"><img class="incert" src="https://api.star-history.com/svg?repos=PJ-568/568tools&type=Date"/></div></div><div class="item"><a class="ota" href="#">↑↑&nbsp;&nbsp;&nbsp;&nbsp;返回页顶&nbsp;&nbsp;&nbsp;&nbsp;↑↑</a></div>`
+	list_html+=`<div id="0" class="item"><h2>页内页</h2><div class="child"><iframe id="myFrame" src="/about/" class="page"></iframe><a onclick="openLink()" target="_self">进入页面</a></div></div><div id="-1" class="item"><h2>项目贡献者</h2><div class="child"><a class="contri" href="https://github.com/PJ-568/lib/graphs/contributors" target="_blank"><img src="https://contrib.rocks/image?repo=PJ-568/568tools"/></a></div></div><div id="-2" class="item"><h2>Star&nbsp;历史</h2><div class="child"><img class="incert" src="https://api.star-history.com/svg?repos=PJ-568/568tools&type=Date"/></div></div><div class="item"><a class="ota" href="#">↑↑&nbsp;&nbsp;&nbsp;&nbsp;返回页顶&nbsp;&nbsp;&nbsp;&nbsp;↑↑</a></div>`
 	// 后补结束
 	nav.innerHTML=nav_html;
 	list.innerHTML=list_html;
@@ -112,7 +112,7 @@ function setSearch(value){
 		for (var j in classify[i].list) {
 			var li = classify[i].list[j];
 			if (!!li.name && li.name.toLowerCase().indexOf(value) > -1) {
-				shtml += `<a class="ssli" idx="${i}_${j}" class="${li.hot==1 ? 'hot' : ''}" target="_self" title="${li.name}">${li.name}</a>`; 
+				shtml += `<a class="ssli" idx="${i}_${j}"${li.hot==1 ? ' class="hot" ' : ''}target="_self" title="${li.name}">${li.name}</a>`; 
 			}
 		}
 	}