基于浏览器的分屏阅读

基于浏览器的分屏阅读


制作分屏书签


首先打开一款浏览器,此处以Chrome为例。

新建一个空页面
图1
将新建页面存为书签
在这里插入图片描述
在这里插入图片描述
进入书签管理界面,编辑书签网址
在这里插入图片描述
将其替换为如下代码,并保存。

javascript:document.write('<HTML><HEAD></HEAD><FRAMESET COLS=\'50%25,*\'><FRAME SRC=' + location.href + '><FRAME SRC=' + location.href + '></FRAMESET></HTML>')

在这里插入图片描述


分屏测试


打开预实现分屏的目标页面,点击刚刚制作好的分屏书签
在这里插入图片描述


分屏效果


在这里插入图片描述


恢复界面


如何恢复原始界面呢,刷新该页面即可,F5.

猜你喜欢

转载自blog.csdn.net/Hacker_MAI/article/details/105581795