基于浏览器的分屏阅读

最新推荐文章于 2025-01-10 14:39:58 发布
原创 最新推荐文章于 2025-01-10 14:39:58 发布 · 1.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#chrome #javascript #web

本文介绍了一种使用浏览器实现分屏阅读的方法，通过制作分屏书签，用户可以在Chrome浏览器中轻松实现页面的分屏显示，适用于需要同时查看两个页面内容的场景。文章详细解释了制作分屏书签的步骤，包括代码的编写和使用方法。

基于浏览器的分屏阅读

制作分屏书签

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

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

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

在这里插入图片描述

分屏测试

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

分屏效果

在这里插入图片描述

恢复界面

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

推荐一些基于浏览器的Markdown编辑器
weixin_70682362的博客
12-11 950
以下是一些基于浏览器的Markdown编辑器：
基于chrome浏览器插件，通过C#.net的WPF窗体，实现浏览器分隔效果，.zip
03-08
标题中的“基于chrome浏览器插件，通过C#.net的WPF窗体，实现浏览器分隔效果”揭示了这个项目的核心内容。它涉及到三个主要技术领域：Chrome浏览器插件开发、C#.NET编程语言以及Windows Presentation Foundation...
浏览器界面分屏代码
KindSuper_liu的专栏
11-15 589
在浏览器中一个界面怎么同时显示两个界面
页面分屏
qq_43424234的博客
04-14 548
打开一个新标签页 并将这个页面保存为书签，命名为“分屏”； 复制下面这段代码粘贴到URL中即可。 javascript:document.write('<HTML><HEAD></HEAD><FRAMESET COLS=\'50%25,*\'><FRAME SRC=' + location.href + '><FRAME SR...
浏览器分屏效果
无知者无畏
10-07 423
打开一个空白网页： 按 ctrl + D 打开：修改书签窗口，选择更多 名称：分屏 网站：将下面代码复制粘贴 存放位置：选择书签栏，使用方便 javascript:document.write('<HTML><HEAD></HEAD><FRAMESET COLS=\'50%25,*\'><FRAME SRC=' + location.href + '><FRAME SRC=' + location.href + '></FR
浏览器分屏技巧，一行代码搞定!!!
qinai700的博客
04-13 5039
目录一行代码修改书签中的网址分屏效果附录 一行代码 javascript:document.write('<HTML><HEAD></HEAD><FRAMESET COLS=\'50%25,*\'><FRAME SRC=' + location.href + '><FRAME SRC=' + location.href + '&gt...
如何在谷歌浏览器中实现多窗口浏览
2403_86768603的博客
12-30 1785
使用Ctrl+Tab（Windows）或Cmd+Tab（Mac）可以在打开的标签之间进行切换。如果你想反向切换标签，可以使用Ctrl+Shift+Tab（Windows）或Cmd+Shift+Tab（Mac）。：按下Ctrl+T（Windows）或Cmd+T（Mac）可以快速创建一个新的标签页。：使用Ctrl+Shift+N（Windows）或Cmd+Shift+N（Mac）可以直接创建一个新的浏览窗口。：如果你打开了多个窗口，可以使用Ctrl+（Windows）或Cmd+（Mac）来进行切换。
基于Visual C++实现的多分屏浏览器
本项目“MyBrowser.rar”是一个基于Visual C++开发的桌面应用程序，旨在模拟现代WEB浏览器的基本功能，并重点实现了多分屏浏览与全屏切换技术。该应用以“我的WEB浏览器”为核心子文件命名，表明其为一个自定义开发...
CefSharp分屏浏览器的C# Winform实现源码解析
资源摘要信息:"ScreenSlice8.rar 文件是一个使用C#语言和Winform框架结合CefSharp库创建的分屏浏览器的源码程序。CefSharp是一个.NET的封装，允许开发者在应用程序中嵌入Chromium浏览器，以提供基于Web的交互功能。...
基于jQuery的jsplit分屏软件使用教程
在这个语境下，“分屏”通常指的是在同一个浏览器窗口中通过某种技术手段实现的多个独立的内容显示区域。这在现代网页设计中是一个常见的需求，比如可以用于并排显示源代码和预览、设置不同的面板进行数据对比分析等...
如何在谷歌浏览器中使用标签页分屏
最新发布
2403_86768603的博客
01-10 2640
鼠标左键按住一个标签页不放，然后向左或向右拖动该标签页，直到浏览器窗口自动调整大小，形成一个新的独立的视窗区域。松开鼠标左键，此时选定的标签页便会分离出来，与原来的窗口并排放置，实现了标签分屏的效果。谷歌浏览器的标签页分屏功能允许用户将浏览器窗口拆分为多个独立的视窗区域，每个区域内可以独立显示不同的标签页。此时，当前标签页会被分离出来，并与原来的窗口并排放置。如果你想要退出分屏模式，恢复单一的浏览器窗口，只需将一个视窗区域的边缘拖动到另一个视窗区域的边界上，当两个区域合并时，就会恢复到单一的浏览器窗口。
browser@浏览器分屏方案(split tag)
xuchaoxin1375的博客
03-05 1640
然而,支持被加载的网页不多(比如csdn)🤣(网站自己的保护措施)该插件还有bug,安装完成后需彻底重启浏览器生效。使得浏览器的同一个窗口中加载多个页面.这就灵活很多,有很多类似的插件可以选择。第二个窗口需要将链接拖入到空白区。url:(js)代码。
js实现扩展显示器分屏操作
weixin_30721077的博客
11-09 2808
新打开窗口在扩展显示器显示 1、用到window.open方法打开新窗口。 2、用到window.screen方法获取显示器参数。 （一）window。open方法的使用： 一、window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法： window.open(pageURL,n...
如何实现浏览器界面分屏
weixin_42000850的博客
05-01 2668
1、添加进收藏夹 2、在状态栏，点击之前收藏的书签，右键—>修改 3、在网站那里，输入分屏代码： javascript:document.write(’<FRAMESET COLS=‘50%25,*’>’) 欧克， ...
JavaScript基础 document.write()方法
dhjqwertyuiop123的博客
11-24 761
覆盖页面内容：如果 document.write() 在页面加载完成后被调用，它将覆盖整个页面的内容。这是因为 document.write() 会将新内容直接写入文档流中，可能导致页面上的其它内容丢失。document.write() 在现代开发中使用较少。
document write()的用法与注意事项
我是张跑跑
09-26 6090
1 概述 document.write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。 可列出多个参数(exp1,exp2,exp3,…) ，它们将按顺序被追加到文档中，默认情况是不会换行的。 我们通常按照两种的方式使用 write() 方法：一是在使用该方在文档中输出 HTML，另一种是在调用该方法窗口之外的窗口。在第二种情况中，请务必使用 close() 方法来关闭文档...
浏览器标签页分屏_不同浏览器同一个tab里面怎么实现分屏？#技能get#
夏末浅笑
08-04 1136
作者：夏末浅笑 原文地址：https://blog.ccswust.org/16028.html 你是否遇到过需要看一篇超级长的文章，看到文章结尾已经完全忘记开头讲的什么；或者需要在同一篇文章的不同段落进行内容对比，想要同时看两个段落，采用同时打开两个标签页，单独拉伸浏览器大小的方法又很麻烦，而且一切换软件，无法自动回到分屏的页面，知道君教你一招，用小书签的方式，简单快速的实现浏览器分屏，切换方便！ 代码 javascript: document.write('<HTML><.
html中frameset的详细使用方法
小强的天空
10-22 1409
框架概念：<br />所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只 要 <FRAMESET> <FRAME> 即可，而所有框架标记要放在一个总起的 html 档，这个档案只记录了该框架 如何划分，不会显示任何资料，所以不必放入 <BODY> 标记，浏览这框架必须读取这档案而不是其它框窗的档案。<FRAMESET> 是用以划分框窗，每一框窗由一个 <FRAME> 标记所标示，<FRAME>必须在 <FRAMESET> 范围中使用。如下例：<br /><frameset cols="50%,*">
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值