当前位置：首页 > news >正文

Chrome/Edge浏览器使用多屏完美解决方案，http部署使用https部署的功能

news 来源：原创 2025/7/13 18:14:22

多屏使用场景：例如1屏显示录入操作界面，2屏显示SOP。或者每个屏上显示不同的看板内容等

废话不少说，直接上代码：将下面的代码复制到txt记事本里，保存为html格式即可本地观看效果

<!DOCTYPE html>
<html>
<body><button onclick="initDualScreen()">启动双屏模式</button><div id="screen1" class="screen"></div><div id="screen2" class="screen"></div><script>async function initDualScreen() {// 1. 请求多屏幕权限const permission = await window.getScreenDetails();if (permission.screens.length < 2) {alert('未检测到第二块屏幕！');return;}// 2. 获取屏幕信息const [primaryScreen, secondaryScreen] = permission.screens;// 3. 主窗口占据第一屏幕window.moveTo(primaryScreen.left, primaryScreen.top);window.resizeTo(primaryScreen.width, primaryScreen.height);// 4. 创建副窗口并定位到第二屏幕const features = `noopener=yes,left=${secondaryScreen.left},top=${secondaryScreen.top},width=${secondaryScreen.width},height=${secondaryScreen.height}`;const secondWindow = window.open('', '_blank', features);// 5. 内容分发document.getElementById('screen1').innerHTML =`<h1>主屏幕内容 (${secondaryScreen.width}x${primaryScreen.height})</h1>`;secondWindow.document.body.innerHTML = `<style>body { margin:0; background:#f0f0f0; }.screen { padding:20px; }</style><div class="screen"><h1>扩展屏幕内容 (${secondaryScreen.width}x${secondaryScreen.height})</h1></div>        `;}</script><style>.screen {width: 100vw;height: 100vh;padding: 20px;background: linear-gradient(45deg, #e0f2fe, #bae6fd);}</style>
</body>
</html>

上面的代码如果发布到服务器，如果使用http部署是无法使用的，只有https部署才能正常使用。

http部署有安全限制，需要单独设置

Chrome设置如下

--no-sandbox --test-type --unsafely-treat-insecure-origin-as-secure=域名

例如：

--no-sandbox --test-type --unsafely-treat-insecure-origin-as-secure=http://192.168.1.100

在桌面快捷方式添加即可

关闭所有窗口，重新打开即可（注意，部分人打开还是没有生效）

打开还没有生效的可以通过下面方式查看chrome://version

如果没有要从任务管理器里手动结束Chrome

Edge设置方法如下图

设置后要重启浏览器，最终效果如下

多屏显示

Chrome/Edge浏览器使用多屏完美解决方案，http部署使用https部署的功能

多屏使用场景：例如1屏显示录入操作界面，2屏显示SOP。或者每个屏上显示不同的看板内容等废话不少说，直接上代码：将下面的代码复制到txt记事本里，保存为html格式即可本地观看效果 <!DOCTYPE html> <html>…...

编程日记 2025/7/13 18:14:22

Linux中进程的属性：状态

一、通用OS进程中的各种状态与相关概念 1.1通用进程中的状态 CPU执行进程代码，不是把进程执行完才开始执行下一个，而是给每个进程预分配一个“时间片”， CPU基于时间片进行轮转调度（每个CPU分别进行） 其中发涉及到的…...

编程日记 2025/7/13 18:03:20

软件架构师常用的软件工具有哪些

软件架构师的工作离不开多种工具的支撑，主要包括建模与设计工具、文档与协作平台、代码质量与静态分析工具、性能与监控工具、DevOps 工具链、架构可视化与管理平台等。其中，建模与设计工具是架构师最核心的武器，能够帮助其从业务抽象到技…...

编程日记 2025/7/13 14:05:53

rl中，GRPO损失函数详解。

文章目录 **一、GRPO损失函数的设计背景****二、代码逐行解析****三、关键组件详解****1. 对数概率与KL散度计算****2. 优势值与策略梯度****3. 掩码与平均损失****四、训练动态与调参建议**在TRL（Transformer Reinforcement Learning）库中，GRPO（Group Relative Policy Opt…...

编程日记 2025/7/12 22:29:15

奇安信春招面试题

奇安信面试真题，以下是5道具有代表性的经典技术面试题及其解析，覆盖网络安全、渗透测试、安全架构设计等核心领域。《网安面试指南》https://mp.weixin.qq.com/s/RIVYDmxI9g_TgGrpbdDKtA?token1860256701&langzh_CN 5000篇网安资料库https://mp.…...

编程日记 2025/6/29 10:47:06

MineWorld，微软研究院开源的实时交互式世界模型

MineWorld是什么 MineWorld是微软研究院开发并开源的一个基于《我的世界》（Minecraft）的实时互动世界模型。该模型采用了视觉-动作自回归Transformer架构，将游戏场景和玩家动作转化为离散的token ID，并通过下一个token的预测进行…...

编程日记 2025/7/12 16:18:27

window： 支持本地磁盘和远程网络位置配置文件如下 worker_processes 1;events {worker_connections 1024; }#RTMP服务 rtmp {server { listen 1935; #监听端口chunk_size 4096; #数据传输块大小application my_live { # 创建rtmp应用hlslive on; # 当路径匹…...

编程日记 2025/7/8 20:36:28

JVM理解（通俗易懂）

虽然网上有很多关于JVM的教程，但是都天花乱坠，很多都是一上来就JVM内存模型、JVM双亲委派等等,（可能我比较菜看不懂）。于是我自己决定写一篇能看懂的文章～如果有看不懂我就自己百度，大家有什么疑问也可以评论区交流～欢迎指点我的Error～ JVM概念 JVM大家都知道，就Ja…...

编程日记 2025/7/11 9:11:59

python三维矩阵的维度

matrix_3x3x3 np.array([[[ 8.35, 16.72, 17.46],[16.72, 33.49, 34.97],[17.46, 34.97, 36.51]],[[16.72, 33.49, 34.97],[33.49, 67.09, 70.05],[34.97, 70.05, 73.13]],[[17.46, 34.97, 36.51],[34.97, 70.05, 73.13],[36.51, 73.13, 76.35]] ]) 例如这样的三维矩阵&#…...

编程日记 2025/7/8 18:23:33

HarmonyOS 是 Android 套壳嘛？

文章目录 HarmonyOS 是 Android 套壳吗？技术视角的深度解析一、核心结论二、技术对比：从底层到应用层1. 内核与基础架构2. 应用开发与运行机制3. 生态与应用场景三、常见误解的澄清误解 1：“HarmonyOS 使用 Android 应用，所以是套…...

编程日记 2025/6/29 9:27:36

【Java面试笔记：基础】10.如何保证集合是线程安全的? ConcurrentHashMap如何实现高效地线程安全？

1. 保证集合线程安全的方式传统同步容器：如 Hashtable 和 Vector，通过在方法上加 synchronized 关键字实现线程安全，但性能较低。同步包装器：通过 Collections.synchronizedMap 等方法将普通集合包装成线程安全的集合，但仍然使用粗粒度的锁，性能不佳。List<String>…...

编程日记 2025/7/11 16:13:45

【Amazing晶焱科技高速 CAN Bus 传输与 TVS/ESD/EOS 保护，将是车用电子的生死关键无标题】

台北国际车用电子展是亚洲地区重量级的车用电子科技盛会，聚焦于 ADAS、电动车动力系统、智慧座舱、人机界面、车联网等领域。各大车厂与 Tier 1 供应链无不摩拳擦掌，推出最新技术与创新解决方案。而今年，“智慧座舱” 无疑将成为全场焦点&am…...

编程日记 2025/7/10 1:36:07

电控---DMP库

一、DMP库的本质与核心定位 DMP库是为Invensense（现TDK）系列传感器（如MPU6050、MPU9250等）内置的数字运动处理器（DMP）硬件模块提供的软件接口层。其核心目标是： 抽象硬件操作：将复…...

编程日记 2025/6/29 9:27:30

YOLO数据处理

YOLO（You Only Look Once）的数据处理流程是为了解决目标检测领域的核心挑战，核心目标是为模型训练和推理提供高效、规范化的数据输入。其设计方法系统性地解决了以下关键问题，并对应发展了成熟的技术方案： 一、解决的问…...

编程日记 2025/7/9 9:05:59

Linux实现网络计数器

1.TcpServer.hpp文件类TcpServer的私有成员变量有端口号，指向类Socket对象的指针，布尔值表示是否运行，以及回调函数，ioservice_t是表示参数为指向Socket对象的指针和InetAddr对象的函数，TcpServer类的构造函数接收端…...

编程日记 2025/7/11 15:25:47

数据分析：用Excel做周报

目录 1.初始模板编辑 2.填充数据 2.1 日期以及表头 2.2 数据验证 2.3 计算数据填充 2.3.1 灵活计算 2.3.2 单独计算 2.3.3 总计 2.4 数据格式 2.5 周累计 2.6 周环比 2.7 业务进度 3 美化 1.初始模板 2.填充数据 2.1 日期以及表头结果指标有以下这些&#…...

编程日记 2025/7/8 15:04:41

初阶数据结构--排序算法（全解析！！！）

排序 1. 排序的概念排序：所谓排序,就是使一串记录，按照其中的某个或某些些关键字的大小，递增或递减的排列起来的操作。 2. 常见的排序算法 3. 实现常见的排序算法以下排序算法均是以排升序为示例。 3.1 插入排序基本思想：…...

编程日记 2025/6/29 11:37:01

SpringCloud 微服务复习笔记

文章目录微服务概述单体架构微服务架构微服务拆分微服务拆分原则拆分实战第一步：创建一个新工程第二步：创建对应模块第三步：引入依赖第四步：被配置文件拷贝过来第五步：把对应的东西全部拷过来第六步：创建…...

编程日记 2025/7/9 15:04:34

加油站小程序实战教程14会员充值页面搭建

目录 1 原型2 搭建充值金额选择功能3 搭建金额输入4 搭建支付方式5 充值按钮最终的效果上一篇我们介绍了充值规则的后台功能，有了基础的规则，在会员充值页面就可以显示具体的充值规则。本篇我们介绍一下会员充值的开发过程。 1 原型充值页面我们是分为…...

编程日记 2025/6/29 10:59:52

内卷的中国智驾，合资品牌如何弯道超车？

作者 |德新编辑 |王博上海车展前夕，一汽丰田举办重磅车型bZ5的技术发布会，脱口秀演员庞博透露了这款车型的一大重要特性，其搭载来自Momenta的智能辅助驾驶系统行驶里程已经超过20亿公里。携手中国科技公司提高车型智能化的属性&#xff…...

编程日记 2025/7/9 9:41:28

【go】go run-gcflags常用参数归纳，go逃逸分析执行语句，go返回局部变量指针是安全的

go官方参考文档： https://pkg.go.dev/cmd/compile 基本语法 go run 命令用来编译并运行Go程序，-gcflags 后面可以跟一系列的编译选项，多个选项之间用空格分隔。基本语法如下： go run -gcflags "<flags>" main.…...

编程日记 2025/7/11 15:09:41

数据库11（触发器）

触发器有三种类型，包括删除触发器，更新触发器，添加触发器触发器的作用是：当某个表发生某个操作时，自动触发触发器，进行触发器规定的操作触发器语句 create trigger tname --创建触发器 on aa --创建在表…...

编程日记 2025/6/29 12:09:32

十大物联网平台-物联网十大品牌

物联网十大品牌及平台解析物联网（IoT）作为当下极具影响力的技术，正逐步渗透至社会各领域，为人们生活与社会发展带来诸多便利与变革。如今，众多企业投身于物联网行业，致力于推动其发展。以下是对物联网相关…...

编程日记 2025/7/13 17:33:58

心智模式VS系统思考

很多人常说，“改变自己，从改变思维开始。”但事实上，打破一个人的心智模式，远比想象中要困难得多。我们的思维方式、行为习惯，甚至是对世界的认知，往往是多年积累下来的产物。那些曾经的经历、长期的学习与…...

编程日记 2025/7/11 10:05:46

QT 打包安装程序【windeployqt.exe】报错c000007d原因：Conda巨坑

一、命令行执行命令 E:\Project\GNCGC\Bin\Win32\Vc22\RS422地检>E:\SoftWare\Qt\5.14.2\msvc2017\bin\windeployqt.exe CGC170.exe二、安装了Conda的朋友，巨坑无语，E:\SoftWare\Qt\5.14.2\msvc2017\bin\windeployqt.exe 优先把Conda环境关联的Qt动…...

编程日记 2025/7/9 1:27:14

Vue3祖先后代组件数据双向同步实现方法

在 Vue3 中实现祖先后代组件的双向数据同步，可以通过组合式 API 的 provide/inject 配合响应式数据实现。以下是两种常见实现方案： 方案一：共享响应式对象方法 html  <script setup> import { ref, provide…...

编程日记 2025/7/11 4:58:08

OpenBayes 一周速览｜EasyControl 高效控制 DiT 架构，助力吉卜力风图像一键生成；TripoSG 单图秒变高保真 3D 模型

公共资源速递 10 个教程： * 一键部署 R1-OneVision * UNO：通用定制化图像生成 * TripoSG：单图秒变高保真 3D * 使用 VASP 进行机器学习力场训练 * InfiniteYou 高保真图像生成 Demo * VenusFactory 蛋白质工程设计平台 * Qwen2.5-0mni…...

编程日记 2025/7/9 18:23:23

服务器-conda下载速度慢-国内源

文章目录前言一、解决问题：使用国内conda镜像下载（差）二、解决问题：使用pip下载(优)总结前言 conda频道中有无效频道导致下载失败一、解决问题：使用国内conda镜像下载（差） 步骤 1&#xff…...

编程日记 2025/7/10 18:58:47

python的pip download命令-2

当然可以，下面我详细解释一下 pip download 的作用、用法和技术原理。 🧠 一句话总结： pip download 是 pip 提供的一个命令，用来下载 Python 包及其依赖项的安装文件，但不会安装。 🔍 和 pip install 的区别：命令作用是否安装是否联网典型用途pip install安装指定包…...

编程日记 2025/7/12 1:50:35

【Java设计模式及实践学习-第4章节-结构型模式】

第4章节-结构型模式笔记记录 1. 适配器模式2. 代理模式3. 装饰器模式4. 桥接模式5. 组合模式6. 外观模式7. 享元模式8. 总结 1. 适配器模式 2. 代理模式 3. 装饰器模式 4. 桥接模式 5. 组合模式 6. 外观模式 7. 享元模式 Java语言中的String字符串就使用了享元模式&…...

编程日记 2025/6/29 9:27:49

python：mido 提取 midi文件中某一音轨的音乐数据

pip install mido 使用 mido库可以方便地处理 MIDI 文件，提取其中音轨的音乐数据。 1.下面的程序会读取指定的 MIDI 文件，并提取指定编号音轨的音乐数据，主要包括音符事件等信息。编写 mido_extract.py 如下 # -*- coding: utf-8 -*- &…...

编程日记 2025/7/12 1:51:02

将输入帧上下文打包到下一个帧的预测模型中用于视频生成

Paper Title： Packing Input Frame Context in Next-Frame Prediction Models for Video Generation 论文发布于2025年4月17日 Abstract部分在这篇论文中，FramePack是一种新提出的网络结构，旨在解决视频生成中的两个主要问题：遗忘和漂移。具体来说，遗忘指的是在生成视…...

编程日记 2025/7/9 11:34:42

第六章：Multi-Backend Configuration

Chapter 6: Multi-Backend Configuration 从交响乐团到变形金刚：如何让代理适应不同环境？ 在上一章任务工作流编排，我们学会了如何像指挥家一样协调任务。但就像变形金刚能切换不同形态应对环境变化一样，你的AI代理也需要能灵活切…...

编程日记 2025/7/11 1:15:50

tomcat远程Debug

tomcat远程Debug -- /bin目录下 catalina.bat文件下加一行 SET CATALINA_OPTS-server -Xdebug -Xnoagent -Djava.compilerNONE -Xrunjdwp:transportdt_socket,servery,suspendn,address8088idea端配置如下...

编程日记 2025/7/9 1:27:01

Vue3：component(组件：uniapp版本)

目录一、基本概述二、基本使用三、插槽一、基本概述在项目的开发过程中，页面上井场会出现一些通用的内容，例如头部的导航栏，如果我们每一个页面都去写一遍，那实在是太繁琐了，所以，我们使用组件来解决这…...

编程日记 2025/7/10 15:27:29

rust编程学习(三)：8大容器类型

1简介 rust标准库std::collections也提供了像C STL库中的容器，分为4种通用的容器，8种类型，如下表所示。线性容器类型： 名称简介Vec<T>内存空间连续，可变长度的数组，类似于C中Vector<T>容器…...

编程日记 2025/6/29 12:09:38

前端中阻止事件冒泡的几种方法

在 JavaScript 前端开发中，阻止事件冒泡是处理 DOM 事件时的常见需求。以下是几种阻止事件冒泡的方法： 1. 使用 event.stopPropagation() 这是最常用的阻止事件冒泡的方法。 element.addEventListener(click, function(event) {event.stopPropagation…...

编程日记 2025/7/9 13:09:46

ShenNiusModularity项目源码学习（20：ShenNius.Admin.Mvc项目分析-5）

ShenNiusModularity项目的系统管理模块主要用于配置系统的用户、角色、权限、基础数据等信息，上篇文章中学习的日志列表页面相对独立，而后面几个页面之间存在依赖关系，如角色页面依赖菜单页面定义菜单列表以便配置角色的权限，用户…...

编程日记 2025/6/29 10:59:05

前端js需要连接后端c#的wss服务

背景前端js需要连接后端wss服务前端：js 后端：c# - 控制台搭建wss服务器步骤1 wss需要ssl认证，所以需要个证书，随便找一台linux的服务器（windows的话，自己安装下openssl即可），…...

编程日记 2025/6/29 11:38:17

MAGI-1自回归式大规模视频生成

1. 关于 MAGI-1 提出 MAGI-1——一种世界模型（world model），通过自回归方式预测一系列视频块（chunk，固定长度的连续帧片段）来生成视频。模型被训练为在时间维度上单调递增噪声的条件下对每个块进行去噪&a…...

编程日记 2025/6/29 12:14:45

深入剖析TCP协议（内容一）：从OSI与TCP/IP网络模型到三次握手、四次挥手、状态管理、性能优化及Linux内核源码实现的全面技术指南

文章目录 TCP网络模型OSI参考模型TCP/IP五层模型 TCP状态TIME_WAIT 连接过程TCP三次握手TCP四次挥手 TCP优化TCP三次握手优化TCP四次挥手优化TCP数据传输优化 TCP TCP是面向连接的、可靠的、基于字节流的传输层通信协议： 面向连接：一定是一对一才能连接…...

编程日记 2025/7/9 19:54:35

基于deepseek的模型微调

使用 DeepSeek 模型（如 DeepSeek-VL、DeepSeek-Coder、DeepSeek-LLM）进行微调，可以分为几个关键步骤，下面以 DeepSeek-LLM 为例说明，适用于 Q&A、RAG、聊天机器人等方向的应用。一、准备工作 1. 环境依赖建议使用 transformers + accelerate 或 LoRA 等轻量微调方…...

编程日记 2025/7/9 20:51:04

node.js 实战——（path模块知识点学习）

path 模块提供了操作路径的功能说明path. resolve拼接规范的绝对路径path. sep获取操作系统的路径分隔符path. parse解析路径并返回对象path. basename获取路径的基础名称path. dirname获取路径的目录名path. extname获得路径的扩展名 resolve 拼接规范的绝对路径 const…...

编程日记 2025/6/29 9:52:18

【k8s】docker、k8s、虚拟机的区别以及使用场景

一、Docker （一）概念 Docker 是一个开源的应用容器引擎，允许开发者将应用及其依赖打包到一个可移植的容器中，然后发布到任何流行的 Linux 机器上，也可实现虚拟化。 （二）隔离性 Docker 的隔离…...

编程日记 2025/7/11 15:00:27

校园外卖服务系统的设计与实现(代码+数据库+LW)

摘要传统信息的管理大部分依赖于管理人员的手工登记与管理，然而，随着近些年信息技术的迅猛发展，让许多比较老套的信息管理模式进行了更新迭代，外卖信息因为其管理内容繁杂，管理数量繁多导致手工进行处理不能满足广…...

编程日记 2025/7/10 22:15:53

Windows上使用Python 3.10结合Appium-实现APP自动化

一、准备工作所需条件： Windows 10/11 操作系统 Python 3.10.x（建议3.10.9） Java JDK 8 或以上（建议JDK 8u301） Node.js 14.x 或以上（建议14.21.3） Appium Server 1.22.x 或以上（建…...

编程日记 2025/6/29 11:47:35

【计算机视觉】CV项目实战- SiamMask 单阶段分割跟踪器

SiamMask 单阶段分割跟踪器一、项目概述与技术原理1.1 核心技术创新1.2 性能优势二、实战环境搭建2.1 系统要求与依赖安装2.2 项目编译与配置三、模型推理实战3.1 快速体验Demo3.2 常见运行时错误处理四、模型训练指南4.1 数据准备流程4.2 训练执行与监控五、高级应用与优…...

编程日记 2025/6/29 10:40:47

计算机视觉基础

1. 数字图像的基本概念像素（Pixel）：图像的最小构成单元，每个像素存储亮度或颜色信息。灰度图像：每个像素是 0（黑）~255（白） 的标量值（8位无符号整数&#x…...

编程日记 2025/7/11 1:35:28

系统编程_进程间通信机制_消息队列与共享内存

消息队列概述消息有类型：每条消息都有一个类型，就像每封信都有一个标签，方便分类和查找。消息有格式：消息的内容有固定的格式，就像每封信都有固定的信纸格式。随机查询：你可以按类型读取消息，…...

编程日记 2025/7/9 15:22:34

一种免费的离线ocr-汉字识别率100%

一般我们手机中常用的ocr库有，Tesseract，paddle ocr，EasyOCR， ocrLite等等，这些ocr库中百度的paddle ocr效果最好，但是再好的效果也会偶尔识别错几个汉字。当我们在做自动化脚本过程中，如果识别…...

编程日记 2025/7/10 5:04:12

相关文章：