浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
从 Chrome 125 开始,支持了一个全新的 CSS 特性 - Anchor Positioning,翻译过来即是锚点定位。 在之前的文章中,我们较为系统的讲述了这个新特性的使用,感兴趣的可以翻开一下前文:抢先体验!超强大的 Anchor Positioning 锚点定位。 在本文中,我...[2025/3/7]
优化 GitHub 体验的浏览器插件「GitHub 热点速览」
上周,GitHub 有个“安全问题”——CFOR(Cro Fork Object Reference)冲上了热搜,该问题的表现是: 远程仓库的提交内容任何人可以访问,即使已被删除。只需要拿到 commit ID+源/Fork 的项目地址,任何人都能访问之前提交到远程仓库的内容。下面有 3...[2024/7/31]
安装量终于破千了!聊聊浏览器扩展开发的相关问题与解决方案
浏览器扩展开发的相关问题与解决方案 我开发的浏览器扩展安装量终于过千了!在 Firefox AddOns 已经有2.1k+安装,在 Chrome WebStore 已经有2k+安装。实际上在Firefox的扩展市场里是周平均安装量,当天的实际安装量要高出平均值不少,而Chrome的扩展市场在超过...[2024/7/22]
将传统应用带入浏览器的开源先锋「GitHub 热点速览」
现代浏览器已经不再是简单的浏览网页的工具,其潜能正在通过技术不断地被挖掘和扩展。得益于 WebA embly 等技术的出现,让浏览器能够以接近原生的速度执行非 JavaScript 语言编写的程序,从而打开了浏览器的“潘多拉魔盒”。 开源组织 Leaning Technologies ...[2024/7/17]
GitHub 创始人资助的开源浏览器「GitHub 热点速览」
你是否注意到,现在主流的浏览器如 Chrome、Edge、Brave 和 Opera 都采用了谷歌的 Chromium 引擎?同时,谷歌每年不惜花费数十亿美元,确保其搜索引擎在 Safari 中的默认地位,甚至连 Firefox 也难逃商业利益的影响,这使得谷歌在浏览器和搜索引擎市场“一家独...[2024/7/11]
物联网浏览器(IoTBrowser)-基于计算机视觉开发的应用“智慧眼AIEye”
一、起因 最近毕业在家:),准备筹划社区运营和IoTBrowser升级的事务,遇到了一系列物业管理上的问题,本来出于好心提醒物业人员,结果反被误认为是打广告推销的,当时被激怒一下,后面一想也许这也是一个普遍存在的问题,正好IoTBrowser缺少落地的应用场景,遂又撸起袖子...[2024/7/11]
码农的转型之路-全力以赴升级物联网浏览器(IoTBrowser)
在人生的重要时刻,我站在了毕业的门槛上,望着前方的道路,心中涌动着对未来的无限憧憬与些许忐忑。面前,两条道路蜿蜒伸展:一是继续在职场中寻求稳定,一是勇敢地走出一条属于自己的创新之路。尽管面临年龄和现实的挑战,我仍旧选择勇往直前,用技术这把钥匙,开启新的人生篇章。 回首过去,我深知时间宝贵,精力...[2024/6/28]
为什么浏览器中有些文件点击后是预览,有些是下载
目录Content-Disposition文件下载内联显示SpringBoot 代码示例常见的媒体类型文件上传 为什么浏览器中有些文件点击后是预览,有些是下载,在HTTP中,用于文件下载的常见响应头(response headers)包括: Content-Disposition: 用于指示...[2024/6/28]
推荐一款模拟浏览器自动化操作神器!Mechanize
大家好,我是狂师! 今天给大家推荐一款用于模拟浏览器行为以进行网页自动化操作Python库:Mechanize。 1、介绍 Mechanize是Python中的一个库,它被设计用来自动化网页浏览和数据提取任务。 通过模拟真实浏览器的行为,如填写表单、点击链接、处理Cookie等,Mecha...[2024/5/22]
物联网浏览器(IoTBrowser)-整合机器学习yolo框架实现车牌识别
最近一段时间在研究AI技术在.Net平台的使用,目前AI绝大部分是使用Python开发,偶然一次在头条看到一篇ML.NET的介绍,是Net平台下开放源代码的跨平台机器学习框架。ML.NET详细介绍 https: dotnet.microsoft.com/zh-cn/app machinelea...[2024/4/19]
使用JSZip实现在浏览器中操作文件与文件夹
1. 引言 浏览器中如何创建文件夹、写入文件呢? 答曰:可以借助JSZip这个库来实现在浏览器内存中创建文件与文件夹,最后只需下载这个.zip文件,就是最终得结果 类似的使用场景如下: 在线下载很多图片,希望这些图片能分类保存到各个文件夹并最终下载成一个zip文件 在线下载很多文档,希望这...[2024/4/19]
物联网浏览器(IoTBrowser)-Java快速对接施耐德网络IO网关
前一段时间有个Java技术栈的朋友联系到我,需要快速对接现有的无人值守称重系统,这里的对接是指替代现有系统,而非软件层面的对接,也就是利用现有的硬件开发一套替代现有软件的自动化系统。主要设备包括地磅秤、道闸、红外对射传感器、摄像头、小票打印、LED显示屏等等,全程使用LED显...[2024/4/15]
Linux服务器部署Web版VSCode,在window下使用浏览器在linux环境下编写代码
最近尝试了一下在Linux服务器上部署VSCode,也就是code-server,然后在windows电脑上通过浏览器访问打开在线编辑器编写代码,以下记录一下部署过程。 1、在linux服务器上安装code-server a、进入到home目录下 b、创建vscode目录 c、进入vsco...[2024/3/29]
物联网浏览器(IoTBrowser)-MQTT协议集成和测试
一、简介 MQTT(消息队列遥测传输)是ISO 标准(ISO/IEC PRF 20922)下基于发布/订阅范式的消息协议。它工作在 TCP/IP协议族上,是为硬件性能低下的远程设备以及网络状况糟糕的情况下而设计的发布/订阅型消息协议,为此,它需要一个消息中间件 。 MQTT是一个基于客户端-...[2024/2/5]
定制你的清爽Mac版Edge浏览器
浏览器每次打开都有个烦人的提示要获取将来的 microsoft edge 更新,需要 macos 10.15 或更高版本,找了很久也没有解决办法,有 windows 端的解决方案,有禁止更新的解决方案,就是没有 Mac 上如何避免这个告警的方案,于是走上 Edge 定制化之旅。 省流 直接...[2024/2/5]
物联网浏览器(IoTBrowser)-Modbus协议集成和测试
Modbus协议在应用中一般用来与PLC或者其他硬件设备通讯,Modbus集成到IoTBrowser使用串口插件模式开发,不同的是采用命令函数,具体可以参考前面几篇文章。目前示例实现了Modbus-Rtu和Modbus-Tcp两种,通过js可以与Modbus进行通讯控制。 ...[2024/2/2]
物联网浏览器(IoTBrowser)-电子秤模块及二次驱动开发
本章介绍电子秤模块的示例功能以及二次开发称重驱动的代码,二次开发以顶尖OS2型号驱动为示例,实现方式与物联网浏览器(IoTBrowser)-顶尖OS2电子秤协议实现类似,不同的是电子秤只需要采集重量不需要写入串口数据,实现一个称重抽象类即可。 一、电子秤示例功能 示例代码文件:\src\ap...[2024/1/29]
基于CefSharp开发浏览器(十)CefSharp.Wpf中文输入法偏移处理
一、前言 两年多来未曾更新博客,最近一位朋友向我咨询中文输入法问题。具体而言,他在使用CefSharp WPF版本时遇到了一个问题,即输入法突然出现在屏幕的左上角。在这里记录下处理这个问题的过程,希望能够帮助到其他遇到类似问题的开发者。让我们一起来探讨如何解决能更好的处理CefSharp WPF...[2024/1/26]
物联网浏览器(IoTBrowser)-顶尖OS2电子秤协议实现
本教程基于 物联网浏览器(IoTBrowser)-Web串口自定义开发 ,详细的过程可以翻看之前的文章。 本篇以实现顶尖OS2系列电子秤协议对接,并集成到IoTBrowser平台。由于没有找到OS2协议的官方文档,用串口助手抓包分析了一下,简单封装了一下实现代码...[2024/1/26]
踩坑ffmpeg录制的mp4无法在浏览器上播放
前言 使用ffmpeg编译好的程序在电脑上进行音视频转换,可以参考这篇:《windows电脑FFmpeg安装教程手把手详解_windows安装ffmpeg》,而我们要做的是在游戏引擎中集成ffmpeg源码用来录制游戏视频。 我们游戏目前只支持录制avi格式的视频,但是近期有个运营需求:在上架商...[2024/1/8]
【Azure APIM】APIM 策略语句如何来设置多个Cookie值让浏览器保存
问题描述 在APIM的 <return-response> 策略中,设置Cookie值,因为需要设置多个Cookie值,使用下面两种方式都只能保存一个Cookie值: 方式一:把多个cookie值用分号(;)拼接 <return-response...[2024/1/5]
善用浏览器的一些调试技巧
$0 和 __vue__ $0 是指当鼠标点击 Element 面板的某个 dom 元素后,console 里 $0 变量会自动指向该 dom 元素对象 __vue__ 是指 vue 框架会往 vue 组件 $mount 挂载的 dom 元素对象上添加一个 __vue__ 变量来指向当前 vu...[2024/1/3]
Gradio-Lite: 完全在浏览器里运行的无服务器 Gradio
Gradio 是一个经常用于创建交互式机器学习应用的 Python 库。在以前按照传统方法,如果想对外分享 Gradio 应用,就需要依赖服务器设备和相关资源,而这对于自己部署的开发人员来说并不友好。 欢迎 Gradio-lite ( @gradio/lite ): 一个通过 Pyodide ...[2023/12/1]
浏览器跨 Tab 窗口通信原理及应用实践
最近,相信大家一定被这么个动效给刷屏了: 以至于,基于这个效果的二次创作层出不穷,眼花缭乱。 基于跨窗口通信的弹弹球: 基于跨窗口通信的 Flippy Bird: 我也尝试制作了一个跨 Tab 窗口的 CSS 动画联动,效果如下: 代码不多,核心代码 200 行,感兴趣...[2023/11/29]
浏览器开发者工具打开检测
目录 方法一console.log 方法二: debugger 方法三:console.table 方法四:内容宽度 总结 方法一console.log 在safari中,如果打开了控制台,console.log打印日期实例、函数实例、正则实例会触发两次toString方法,那么可以重写to...[2023/9/25]
《最新出炉》系列入门篇-Python+Playwright自动化测试-15-playwright处理浏览器多窗口切换 - 北京-宏哥
1.简介 浏览器多窗口的切换问题相比大家不会陌生吧,之前宏哥在java+selenium系列文章中就有介绍过。大致步骤就是:使用selenium进行浏览器的多个窗口切换测试,如果我们打开了多个网页,进行网页切换时,我们需要先获取各个页面的句柄,通过句柄来区分各个页面,然后使用switch_to....[2023/8/30]
你能看到这个汉字么“ ” ?关于Unicode的私人使用区(PUA) 和浏览器端显示处理
如果你现在使用的是chrome查看那么你是看不到我标题中的汉字的,显示为一个小方框,但是你使用edge查看的话,这个字就能正常的显示出来,不信你试试! 本故事源于我在做数据过程中遇到Unicode编码中的私人使用区PUA编码的汉字,然后导入到产品端后他们说有些汉字是乱码无法显示,然后针对这个问...[2023/8/29]
[爬虫]2.2.1 使用Selenium库模拟浏览器操作
Selenium是一个非常强大的工具,用于自动化Web浏览器的操作。它可以模拟真实用户的行为,如点击按钮,填写表单,滚动页面等。由于Selenium可以直接与浏览器交互,所以它可以处理那些需要JavaScript运行的动态网页。 安装Selenium 首先,我们需要安装Selenium库。你可...[2023/7/24]
【Azure 媒体服务】Azure Media Player 在Edge浏览器中不能播放视频问题的分析与解决
问题描述 使用Azure Media Service 制作视频点播服务,在客户端使用 Azure Media Player 播放器在 Edge 浏览器中播放视频时候遇见无法播放的问题: 错误信息: The video playback was aborted due to a corrupt...[2023/6/26]
浏览器打开一个网页的全流程
浏览器打开一个网页的全流程 简介 互联网日常生活中最为常见的行为便是在浏览器输入一个网址, 然后浏览网页内容, 这样一个简单的行为背后有哪些技术细节呢, 本文将做一些介绍. 全流程可拆分为4个主要步骤 将域名解析为IP地址 与目标主机建立TCP连接 (三次握手) 发送与接受数据 与目标主机断...[2023/6/12]
新人必看!手把手教你如何使用浏览器表格插件(上)
本文由葡萄城技术团队于博客园原创并首发。葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 前言|问题背景 作为一名优秀的打工人,Excel是大家上班中必不可少的办公软件。随着互联网时代的到来,越来越多的公司开始使用各种B/S系统来处理表格数据文件。那么有没有一种可以直...[2023/5/26]
真的只是简单了解下浏览器缓存
01、什么是HTTP缓存,如何工作的? 当我们打开一个页面时,会向服务端发起很多次请求,如下图打开百毒首页,发起了HTML、各种图片、JS、CSS等资源共72次请求。这里面很多资源并不会频繁变化,每次打开页面都重新请求下载,就很浪费了。 浏览器缓存也称为HTTP缓存,HTTP缓存简单理...[2023/4/26]
【原理揭秘】Vite 是怎么兼容老旧浏览器的?你以为仅仅依靠 Babel?
作者:京东科技 孙凯 一、前言 对前端开发者来说,Vite 应该不算陌生了,它是一款基于 nobundle 和 bundlele 思想诞生的前端开发与构建工具,官网对它的概括和期待只有一句话:“下一代的前端工具链”。 Vite 最早的版本由尤雨溪发布于3年前,经历了3年多的发展,Vit...[2023/4/3]
Postman抓包浏览器请求--傻瓜式操作
该帖子直接在博客园网站编辑的,布局请多多包含?? 1、安装chrome插件(postmanInterceptor插件,在任意插件网站都可搜到,下载安装到浏览器即可),该插件可协助postman捕获https请求 2、安装postman post...[2023/3/27]
前端性能精进之浏览器(五)——JavaScript
JavaScript 是一种通过解释执行的高级编程语言,同时也是一门动态、弱类型的直译脚本语言,适合面向对象(基于原型)和函数式的编程风格。 直译语言可以直接在解释器中运行,而与直译语言相对应的编译语言(例如 C++),要先将代码编译为机器码,然后才能运行。 不过直译语言有一个弱...[2023/3/20]
Qt实战之实现图片浏览器
目录图片浏览器逻辑效果图具体实现utils.himage.himage_group.himage_group.cppqimgviewwidget.hqimgviewwidget.cppmain.cpp 图片浏览器逻辑 实现图片浏览器用到了前面几乎所有的知识,包括窗口部件、布局、事件、对象模型与容...[2023/3/17]
前端性能精进之浏览器(三)——图像
HTTP Archive 在 2022 年关于多媒体的报告中指出,目前大概有 99.9% 的网站或多或少都会包含点图像。 并且高达 70% 的移动页面和 80% 的桌面页面的 LCP 指标会受图像的影响。 通过这些数据可知,图像在网页中占据着举足轻重的地位,优化图像,对于网页性能...[2023/3/6]
利用QT实现图片浏览器的示例详解
目录1、概述2、代码示例3、演示图片 1、概述 案例:制作一个小的图片浏览器,要求可以显示jpg、jpeg、png、bmp。可以从电脑上拖动图到窗口并显示出来。 实现步骤: 1.创建一个QWidget 2.在QWidget的构造方法中设置一个QLabel用户显示pixmap 3...[2023/2/24]
app实现外部浏览器打开链接
需求:安卓和IOS开发的混合app。前端使用vue,vant2,安卓使用java,ios使用的object-c。实现效果:点击按钮,下载PDF附件,app跳转到手机外部浏览器,下载附件...... 1,安卓端代码: public static void openPDFInBrowser(C...[2023/2/17]
Blazor 拖放上传文件转换格式并推送到浏览器下载
前言 昨天有个小伙伴发了一个老外java编写的小工具给我,功能是转换西班牙邮局快递Coreeos expre 的单据格式成Amazon格式,他的需求是改一下程序为匹配转换另一个快递公司MRW格式到Amazon格式,然而我堂堂一个Blazor发烧友,怎么可能去反编译人家的java修改呢?必须直接撸...[2023/2/17]
JS与Jquery获取屏幕、浏览器、页面的宽度和高度对比整理
一个页面的展示,从外到内的容器为:屏幕、浏览器以及页面本身。HTML元素展现在页面内,页面展现在浏览器内,而浏览器展现在屏幕内。通过Js的一些对象可以获取这些容器的高度、宽度。容器的尺寸是指当前分辨率下的高度和宽度(分辨率不同,值就不相同)。 Javascript获取各种屏幕的宽度和高度 网...[2023/2/13]
js开发中的页面、屏幕、浏览器的位置原理(高度宽度)说明讲解(附图)
目录一、介绍1. 容器2. 物理尺寸和分辨率3. 展示图二、屏幕信息三、浏览器信息四、页面信息 前端js开发中我们常遇到对页面、屏幕、浏览器宽高和位置的获取问题,有时间查到了js的实现代码,但是不知道为什么。本篇图文并茂讲解Web环境中屏幕、浏览器及页面的高度、宽度信息。 一、介绍 1. 容...[2023/2/13]
不用Blazor WebAssembly,开发在浏览器端编译和运行C#代码的网站
本文中,我将会为大家分享一个如何用.NET技术开发“在浏览器端编译和运行C#代码的工具”,核心的技术就是用C#编写不依赖于Blazor框架的WebA embly以及Roslyn技术。 一、 为什么要开发这样的工具? 对于编程初学者来讲,开发环境的安装配置是一个令人头疼的事情,如果能让初学者不...[2023/2/10]
浅谈浏览器端 WebGIS 开发可能会用到的、提升效率的 js 库
目录前置说明1. 与数据格式转换解析相关1.1. 解析和转换 WKT 几何数据1.2. 前端直接读取 GeoPackage - @ngageoint/geopackage1.3. 前端直接读取 Esri Shapefile - ts-shapefile1.4. 把 GDAL 搬进浏览器 - gd...[2023/2/6]
Bootstrap Blazor Viewer 图片浏览器 组件更新, 支持流转图片(ImageFromStream), 用于本地项目例如 MAUI Blazor,Blazor hybrid
示例: https: blazor.app1.e viewer 使用方法: 1.nuget包 BootstrapBlazor.Viewer 2._Imports.razor 文件 或者页面添加 添加组件库引用 @using BootstrapBlazor.Components ...[2023/1/28]
JavaScript代码是怎么在浏览器里面运行起来的?
JavaScript代码是怎么在浏览器里面运行的?下面简单探索一下 浏览器内核 浏览器内核(Rendering Engine),常见的叫法如:排版引擎、解释引擎、渲染引擎,现在流行称为浏览器内核。 浏览器 内核 说明 IE Trident IE、猎豹安全、360极速浏览器、百...[2022/11/19]
vue多次打包后出现浏览器缓存的问题及解决
目录vue多次打包后出现浏览器缓存解决方案使用hash解决vue浏览器的缓存缓存问题怎么解决缓存问题解决办法 vue多次打包后出现浏览器缓存 每次打包更新版本上传到服务器上,会偶尔出现代码没有更新还是旧代码的逻辑,这就代表浏览器存在缓存的问题了。 解决方案 vue-cli2 webp...[2022/8/3]
关于Vite项目打包后浏览器兼容性问题的解决方案
目录一、问题描述二、问题分析三、解决方案四、过程中遇到的其他问题 一、问题描述 vite+vue3项目开发完以后,你会发现打包后的项目运行在新版浏览器可以正常显示,但运行在一些版本比较老的浏览器如 Chrome < 23、Firefox < 21和IE等浏览器上时显示一片空白,并且没...[2022/8/2]
vue?路由跳转打开新窗口被浏览器拦截问题处理
触发事件请求接口根据条件去判断在进行路由跳转: ? <a @click="getGetMyPortfolioById(scope.row) ">查看</a> ? ?getGetMyPortfolioById(vals) {? ? ? getMyPortfolioB...[2022/3/8]
浏览器报:net::ERR_EMPTY_RESPONSE解决方案
阅文时长 | 0.48分钟 字数统计 | 782.4字符 主要内容 | 1、引言&背景 2、修改注册表的解决方案 3、声明与参考资料 『浏览器报:net::ERR_EMPTY_RESPONSE解决方案』 编写人 | SCscHero 编写时间 | 2...[2021/12/20]