查看: 683|回复: 8

在某些应用的内置浏览器中浏览任意网页

[复制链接]

0

技术

0

魅力

0

原创

青出于蓝

Rank: 5Rank: 5

积分
3768
人气
24
分享
3
发表于 2024-6-6 08:52:36 | 显示全部楼层 |阅读模式
在后台创建一个叫index.html的网页,粘贴如下代码入内保存,之后在可以打开网址的应用输入你主机的网址(或者用我这的demo也行),就可以去浏览任意网页了
蛮早之前码的代码,蛮乱的,不过能用,也没啥依赖项
演示demo:https://pic-tc.pages.dev/xiaoyonggaoya/website

[HTML] 纯文本查看 复制代码
<html>
<head>
<title>网页浏览器</title>
<style>
body{margin:0;padding:0}
#misha {position: fixed;top: 10px;right: 10px;width: 80px;height: 40px;background-color: #88888899;border: none;font-size: 20px;border-radius:8px;} /* 打开菜单按钮 */
#liuying {position: fixed;top: 60px;right: 10px;width: 300px;height: 230px;background-color: #ffffff99;border: 1px solid black;display: none;border-radius:4px;} /* 界面 */
#hanya {margin: 10px;width: 280px;border-radius:3px;} /* 网址栏 */
#tingyun {margin: 10px;width: 80px;height: 40px;background-color: #00FF9999;border: none;border-radius:8px;} /* 访问/刷新按钮 */
#zhigengniao {margin: 10px;width: 80px;height: 40px;background-color: #FF000099;border: none;border-radius:8px;} /* 关闭菜单按钮 */
#iframe {width: 100%;height: 100%;border: none;} /* iframe自适应全屏 */
div {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
button {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
</style>
<base target="_self">
</head>
<body>
<button id="misha">菜单</button>
<div id="liuying">
<div>请在下面框中输入网址以访问网站</div>
<input id="hanya" type="text" placeholder="输入网址以访问网站" value="https://www.bing.com">
<button id="tingyun">访问/刷新</button>
<button id="zhigengniao">关闭菜单</button>
</div>
<iframe id="iframe" src="https://www.bing.com" allow="fullscreen" allowfullscreen="true"></iframe>
<script>
function tuopa() {document.getElementById("liuying").style.display = "block";} // 菜单打开
function buruoniya() {document.getElementById("liuying").style.display = "none";} // 菜单关闭
function guinaifen() {var url = document.getElementById("hanya").value;document.getElementById("iframe").src = url;} // 网址访问/刷新
window.onload = function() {tuopa();} // 让页面加载时展开菜单
</script>
</body>
</html>

0

技术

0

魅力

0

原创

略有小成

Rank: 4

积分
1238
人气
11
分享
1
发表于 2024-6-21 13:17:03 | 显示全部楼层
AZ,报错了:Bing拒绝连接

0

技术

0

魅力

0

原创

青出于蓝

Rank: 5Rank: 5

积分
3768
人气
24
分享
3
 楼主| 发表于 2024-6-21 23:07:50 | 显示全部楼层
alovelydoge 发表于 2024-6-21 13:17
AZ,报错了:Bing拒绝连接

估摸着必应限制了,不过打开自定义网页的功能没问题

4

技术

17

魅力

6

原创

版主

禁止发言

Rank: 7Rank: 7Rank: 7

积分
5370
人气
208
分享
36

最佳新人活跃会员

发表于 2024-6-22 11:23:07 | 显示全部楼层

好玩的事情发生了

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
YF工作室驻x64论坛分部
工作室曾开发的软件:YFSafe安全软件,YFChat在线聊天软件,MBRTools等。
欢迎有能力的你加入我们一起共同进步。请发邮件至yfstudio2021@outlook.com

0

技术

2

魅力

0

原创

炉火纯青

(~ ̄▽ ̄)~

Rank: 7Rank: 7Rank: 7

积分
5641
人气
29
分享
210

灌水之王最佳新人

发表于 2024-6-23 19:52:19 | 显示全部楼层
楼主,为什么在我自己的主机上点任何东西都点不了
联系方式:lljl00982@xdev.ren
小网站:-点我传送-

0

技术

0

魅力

0

原创

略有小成

Rank: 4

积分
1238
人气
11
分享
1
发表于 2024-6-27 17:35:36 | 显示全部楼层
YFSafe 发表于 2024-6-22 11:23
好玩的事情发生了

啊。。。这。。。

0

技术

0

魅力

0

原创

略有小成

Rank: 4

积分
1238
人气
11
分享
1
发表于 2024-6-27 17:35:56 | 显示全部楼层
小永高吖 发表于 2024-6-21 23:07
估摸着必应限制了,不过打开自定义网页的功能没问题

谢谢告知!

0

技术

0

魅力

0

原创

青出于蓝

Rank: 5Rank: 5

积分
3768
人气
24
分享
3
 楼主| 发表于 2024-6-29 13:22:51 | 显示全部楼层
YFSafe 发表于 2024-6-22 11:23
好玩的事情发生了

看起来是不带http/https前缀导致被解析到根目录了

0

技术

0

魅力

0

原创

略有小成

Rank: 4

积分
1718
人气
0
分享
0
发表于 2024-8-26 09:26:05 | 显示全部楼层
增加新認知了
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表