browser@浏览器分屏方案(split tag)

已于 2023-03-13 20:47:46 修改
阅读量1.5k 收藏 1
点赞数
文章标签： browser
于 2022-03-05 10:32:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xuchaoxin1375/article/details/123290850
版权
本文介绍了浏览器的分屏技术，包括在同一页面内使用HTML框架实现的窗格分屏，以及不同页面的窗口分屏。提到了新Edge浏览器自带的分窗格功能，并推荐了SideviewPlus等插件以实现更灵活的多浏览器窗口分屏。需要注意的是，不是所有页面都支持此类分屏操作。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

文章目录

窗格分屏

  • 即单个浏览器页面内部分屏

同一个页面+等大小分屏

1646446224132

  • url:(js)代码

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

  • 该方法利用<frame>使得浏览器的同一个窗口中加载多个页面.

  • 在想要分屏的页面点击刚才创建的书签

1646447376239

  • 注意,不是所有页面都支持窗格分屏!

非同页面的窗口分屏

  • 网页分屏 (escx.github.io)

  • 该插件还有bug,安装完成后需彻底重启浏览器生效

  • 第二个窗口需要将链接拖入到空白区

  • 16464467824641646446809620

  • 然而,支持被加载的网页不多(比如csdn)🤣(网站自己的保护措施)

新edge自带分窗格功能@split window@split screen

多浏览器窗口分屏

这就灵活很多,有很多类似的插件可以选择

网页分屏经典例子
03-02
想学网页分屏吗？这里有入门的好例子，帮助初学者学习网页分屏。
【时间之外】浏览器分屏使用技巧
知止不殆
08-02 4091
最近升级了浏览器，具体浏览器名称就不写出来了，估计现在最新版的，应该都有这个分屏功能了。win+上下箭头也可以做到分屏，这个是界面的分屏，与系统分屏的功能不同的是，浏览器分屏是把浏览器拆分成两个独立的窗口，如果分辨率足够，看起来还是很舒服的。而且根据不同的用途，提供了如下多种分屏模式，使用起来十分简单，大家可以根据自己的需求进行体验。...
实现单页多窗口功能的JavaScript教程
最新发布
weixin_32661831的博客
03-17 676
JavaScript 提供了多种窗口管理的方法，其中最常用的是函数。它允许开发者在用户浏览器中打开新的窗口，并对新窗口的行为和外观进行一定程度的控制。本章将介绍方法的基础用法，以及如何通过它实现更复杂的窗口管理功能。在分析HTMLPage1.htm的结构之前，我们需要了解一个HTML页面由<html><head><body>三大部分组成。<html>标签是页面的根元素，<head>
计算机分屏解决方案,整套解决方案：使窗口布局更高效，为Windows平台编译分屏工具...
weixin_35519827的博客
07-26 324
从Windows 7系统开始，内置的分屏功能为用户提供了便利，它充分利用屏幕大小并排显示两个应用程序。 Windows 8和Windows 10继续增强了分屏功能，提供了智能的分屏调整功能，手动调整了分屏之间的面积比例，并支持两个分屏/三个分屏/四个分屏的功能。基于系统的内置分屏功能，还有更多的第三方工具可以增强分屏功能在应用程序窗口布局管理，多屏场景切换和快捷键操作中的体验。系统分割屏幕以Win...
计算机分屏解决方案,多屏显示解决方案
weixin_39679468的博客
07-26 1816
多屏显示解决方案AWIND奇机成立于2003年，一直专注于“商教领域”的无线多屏显示，经过不懈努力，奇机在电脑一机多屏有2种解决方案。多屏同显方案和独立分屏显示方案。方案选择在于用户需要将电脑屏幕同步显示在不同的显示器上跟电脑将指定的不同内容显示在不同的显示屏幕上。【多屏同显方案】将电脑屏幕同步显示多个显示屏幕上，简单点就是多个屏幕显示一样的内容，多屏同步。【独立分屏显示方案】：将一台电脑的屏幕分...
图片分屏加载插件
weixin_30415801的博客
05-24 193
原文地址：http://www.cnblogs.com/hooray/archive/2011/10/15/2212922.html 百度搜索“图片分屏加载”，映入眼帘的就是jquery.lazyload，相信很多人用过，或许现在还在用，今天我就来说说这个插件的严重BUG。 　　何为图片分屏加载？顾名思义，就是让图片出现在浏览器可视区域内时，才进行加载。好处就是当页面上图片过多时候，不需...
最好用的Unity内嵌浏览器插件 Embedded Browser Unity v3.1.0
07-27
最好用的Unity内嵌浏览器插件 Embedded Browser Unity v3.1.0 （1）可以将网页渲染到UI上 （2）支持CSS、HTML和JavaScript （3）可以用来Unity和JavaScript的通信 （4）可以控制网页的前进、退后、重新加载、控制...
浏览器链接标签「Link tag browser」-crx插件
03-10
通常，对于使用内容协商网站（例如legal.gov.uk）的开发人员而言，这使浏览器成为一种更有用的工具，它可以通过显示链接标签的可点击版本并确定rel =“ alternate”表示的优先级来浏览兼作API的网站。 无需再深入...
浏览器(com.android.browser).bak
10-22
浏览器(com.android.browser).bak
unity浏览器插件 Embedded Browser 3.1.0(ZFBrowser)
11-19
Unity浏览器插件“Embedded Browser 3.1.0 (ZFBrowser)”是一个专为Unity开发的集成浏览器组件，主要用于在Unity应用中嵌入Web浏览功能。这个插件允许开发者在他们的游戏或应用程序中添加网页视图，使得用户可以在不...
example-javascript-browser:演示Split JS浏览器SDK的示例应用程序
05-01
示例演示页面显示了Split JS Browser SDK 这是一个页面，显示了如何设置 。 请按照以下说明使用从Split UI获得的信息进行所需的更改。 开始吧 登录到Split Web控制台，转到“管理选项卡”，复制类型为“客户端”的...
js实现vlc分屏-切换.html
02-21
适合刚接触vlc插件的人
JavaScript分屏代码
07-27
NULL 博文链接：https://cfqlove.iteye.com/blog/737124
Microsoft Edge浏览器网页如何“分屏“？
知识无止境
05-12 1123
多任务窗口分屏
谈谈Edge浏览器新出的分屏功能
莪是男神的博客
05-07 8379
在 2023 年三月份微软为浏览器的稳定版本带来了一个新功能 —— 分屏浏览，此功能允许用户在当前页面以左右视图的形式并排打开两个标签页面，作用上类似于应用的分屏可以让浏览器同时处理两个页面，分屏的好处在于操作简单易上手能大幅提升提升工作的效率或学习的效果以及节省我们的空间和时间，但缺点是可能会影响你的注意力和视力，让你分散精力，或者让你的眼睛感到疲劳...
Edge浏览器分割屏幕【垂直分割---左右屏幕切换】【水平分割---上下屏幕切换】【左侧屏幕的链接在右侧打开】【上侧屏幕的链接在下侧打开】——[写文章的时候水平分割,有利于对照修改]
cheese的博客
12-23 2274
Edge如何分割屏幕 垂直分割首先点击设置-外观-下滑-点击拆分屏幕点击该按钮选择其中的一项，分屏成功左右屏幕切换注意右侧屏幕的三个**小点** **`...`**，点击之后点击左右屏幕切换切换成功水平分割注意右侧屏幕的三个**小点** **`...`**，点击之后点击水平分割水平分割成功上下屏幕切换注意右侧屏幕的三个**小点** **`...`**，点击之后点击上下屏幕切换切换成功左侧屏幕的链接在右侧打开注意右侧屏幕的三个**小点** **`...`**，点击之后点击链接点击左侧链接后在右侧打开上侧屏幕的
JS控制html分屏加载
leo187的博客
01-21 8051
在WEB项目中，影响客户体验度的一个重要元素就是页面响应的速度。在实际工作场景中，存在一部分页面内容需要动态加载，因为页面的元素会受到销量、节日、促销等影响，优化这类型页面加载的方式就是分屏加载页面内容。 拿京东首页举例，它存在分类树、广告轮播图、用户信息、京东秒杀、排行榜、时尚达人等等模块。如图： 每个模块都是一个以纵坐标为标尺的DIV。所以在页面加载的时候就可以获取当前页面高度进行分屏动态加
可以分屏吗_还在为频繁切屏而苦恼？智慧分屏功能了解一下
weixin_42493060的博客
01-15 1835
试想下这是不是你的玩机日常？"剁手"时来回切换各大购物APP，最后错失新品秒杀，白忙一场；上网课在线做笔记时来回切屏，刚写好笔记，却跟不上进度；发邮件时，来回切换添加附件，结果效率流失，效果差强人意。可是当你Get了智慧分屏技能，上面的烦恼将会全部消失。将两个应用窗口同步在一个屏幕上，你的画风将会变成下面这样： "剁手"比价ing 利用智慧分屏功能，我们可以同时打开两个购物APP，这样看价格就一目...
js实现扩展显示器分屏操作
weixin_30721077的博客
11-09 2673
新打开窗口在扩展显示器显示 1、用到window.open方法打开新窗口。 2、用到window.screen方法获取显示器参数。 （一）window。open方法的使用： 一、window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法： window.open(pageURL,n...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

cxxu1375

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值