火狐 浏览器firefox标签
前端vue获取后端返回的富文本内容不是标签是转义字符解决方法
新手的我就直接上代码 template部分(UI框架用的vant) <template> <div class="common-bg"> <van-nav-bar title="消息中心" left-arrow :fixed="true" :placeholder="true" @click-lef ......
分析document文档中script标签获取抖音无水印视频
思路分析 使用 playwright 模拟浏览器打开分享链接 获取 播放页面 html 信息 ~~解析 播放页面的 video标签，video标签的src属性就是视频的地址~~ 这种模式会触发抖音的风控机制 解析页面 获取相关cookie 使用cookie请求页面文档 解析文档内容其中就有播放地址 ......
前端性能精进之浏览器（五）——JavaScript
JavaScript 是一种通过解释执行的高级编程语言，同时也是一门动态、弱类型的直译脚本语言，适合面向对象（基于原型）和函数式的编程风格。 直译语言可以直接在解释器中运行，而与直译语言相对应的编译语言（例如 C++），要先将代码编译为机器码，然后才能运行。 不过直译语言有一个弱点，就是如果有一条不 ......
模拟浏览器与服务器交互(简易TomCat框架)
模拟浏览器发送请求到服务器获取资源的思想和代码实现 浏览器发送请求到服务器获取资源的流程和概念 日常我们使用的浏览器,底层都是帮我们做了很多事情,我们只需要用,比如输入www.baidu.com,就可以访问百度的首页 那么它是如何做到的呢,其实简单来说就是浏览器在底层利用socket,将我们输入的地 ......
谈谈Selenium中浏览器驱动的日志
谈谈Selenium中浏览器驱动的日志 来源于一位同学，“老师为啥firefox执行后会有日志文件，chrome没有呢？” 比对 你打开chrome浏览器 from selenium import webdriver driver = webdriver.Chrome() 这样是没有日志的 同样的代 ......
推荐系统[八]算法实践总结V2：排序学习框架(特征提取标签获取方式)以及京东推荐算法精排技术实战
0.前言 「排序学习（Learning to Rank，LTR）」，也称「机器排序学习（Machine-learned Ranking，MLR)」 ，就是使用机器学习的技术解决排序问题。自从机器学习的思想逐步渗透到信息检索等领域之后，如何利用机器学习来提升信息检索的性能水平变成了近些年来非常热门的研 ......
前端性能精进之浏览器（三）——图像
HTTP Archive 在 2022 年关于多媒体的报告中指出，目前大概有 99.9% 的网站或多或少都会包含点图像。 并且高达 70% 的移动页面和 80% 的桌面页面的 LCP 指标会受图像的影响。 通过这些数据可知，图像在网页中占据着举足轻重的地位，优化图像，对于网页性能可以达到立竿见影的效 ......
前端性能精进之浏览器（四）——呈现
现如今，在呈现一个页面时，在浏览器中会打开众多进程，包括浏览器、渲染、插件、GPU、网络等进程。 浏览器进程负责存储、界面、下载等管理。在渲染进程中，运行着熟知的主线程、合成线程、JavaScript 解释器、排版引擎等。 而呈现一个页面大致可分为 4 个步骤： 浏览器进程处理用户在地址栏的输入，然 ......
苹果手机H5 video标签播放视频问题以及.mov格式处理方案
最近在做一个手机端拍照上传，并预览文件的功能，前端用h5 video 标签，后端用springboot+minio。 问题 刚开始写代码和测试的时候，都是用的安卓手机，照片和视频都没问题，后来换成用苹果手机后，播放视频就出现各种问题，先是苹果手机拍的mov视频不支持播放，后面又出现苹果手机播放不了视 ......
重构SeleniumeDownloader底层浏览器驱动
一、解决bug：Selenium with PhantomJS，重构SeleniumeDownloader底层浏览器驱动 0、小背景： 想爬取外网steam的数据，但是steam官网在海外，加上steam处于反爬考虑，对于异步数据-json数据进行处理，导致如果直接去拿人家的ajax接口作为请求ur ......
ASP.NET Core Web API Swagger 按标签Tags分组排序显示
需求 swagger页面按标签Tags分组显示。 没有打标签Tags的接口，默认归到"未分组"。 分组内按接口路径排序 说明 为什么没有使用GroupName对接口进行分组？ 暂时不需要，以及不想点击swagger页面右上角那个下拉框。 当然Tags和GroupName不冲突，不影响通过GroupN ......
如何创建一个浏览器版的`Window11`
如何创建一个浏览器版的Window11 我们接下来将创建一个在浏览器运行的Window11，可以先看看效果图 这是基于Windows 11 in React修改的功能，我们接下来就将使用Windows 11 in React来创建我们的浏览器的Window11 通过Git拉取源码 git clone ......
批量下载浏览器网页中全部链接的方法
本文介绍在Chrome浏览器中，通过迅雷自动批量选中网页中全部下载链接并进行下载的方法。 前期的文章批量下载Landsat遥感影像的方法中，我们详细介绍了USGS遥感影像批量下载的方法。在利用这一方法生成每一幅影像的下载链接后，我们直接结合可以批量获取网页内下载链接的下载软件进行下载。而在这一过程中 ......
玫瑰花变蚊子血,自动化无痕浏览器对比测试,新贵PlayWright Vs 老牌Selenium,基于Python3.10
也许每一个男子全都有过这样的两个女人，至少两个。娶了红玫瑰，久而久之，红的变了墙上的一抹蚊子血，白的还是床前明月光；娶了白玫瑰，白的便是衣服上沾的一粒饭黏子，红的却是心口上一颗朱砂痣。--张爱玲《红玫瑰与白玫瑰》 Selenium一直都是Python开源自动化浏览器工具的王者，但这两年微软开源的Pl ......
Blazor 拖放上传文件转换格式并推送到浏览器下载
昨天有个小伙伴发了一个老外java编写的小工具给我,功能是转换西班牙邮局快递Coreeos express的单据格式成Amazon格式,他的需求是改一下程序为匹配转换另一个快递公司MRW格式到Amazon格式,然而我堂堂一个Blazor发烧友,怎么可能去反编译人家的java修改呢?必须直接撸一个Bl... ......
修改ctags让fzf.vim插件显示C,C++方法声明的标签
背景 在 vim 中使用 fzf.vim 插件可以进行方便的搜索文件, 源码TAG, GIT 记录等, 最近抽空看了下 BTags 命令在 c, c++ 文件中, 无法显示头文件中的函数声明 标签问题. 比如在头文件中有如下一个函数声明, 使用 BTags 命令是无法显示出这个函数原型的. /* 函 ......
不用Blazor WebAssembly，开发在浏览器端编译和运行C#代码的网站
本文中，我将会为大家分享一个如何用.NET技术开发“在浏览器端编译和运行C#代码的工具”，核心的技术就是用C#编写不依赖于Blazor框架的WebAssembly以及Roslyn技术。 一、 为什么要开发这样的工具？ 对于编程初学者来讲，开发环境的安装配置是一个令人头疼的事情，如果能让初学者不用做任 ......
浅谈浏览器端 WebGIS 开发可能会用到的、提升效率的 js 库
前置说明 这篇介绍的在 Awesome GIS 基本上都有，经过我的筛选，在 npmjs.com 上也都能找到，方便融入日益强大的 npm 生态。不过这些库大部分都保留了全局库的形式，在非框架中也能使用。有一部分是浏览器 + NodeJS 双端可用的。 1. 与数据格式转换解析相关 1.1. 解析和 ......
实现一个简单的在浏览器运行Dotnet编辑器
之前已经实现过Blazor在线编译了，现在我们 实现一个简单的在浏览器运行的编辑器，并且让他可以编译我们的C#代码， 技术栈： Roslyn 用于编译c#代码 [monaco](microsoft/monaco-editor: A browser based code editor (github. ......
Grafana 系列文章（十一）：Loki 中的标签如何使日志查询更快更方便
👉️URL: https://grafana.com/blog/2020/04/21/how-labels-in-loki-can-make-log-queries-faster-and-easier/ 📝Description: 关于标签在 Loki 中如何真正发挥作用，你需要知道的一切。它可 ......
现代图片性能优化及体验优化指南 - 图片类型及 Picture 标签的使用
图片资源，在我们的业务中可谓是占据了非常大头的一环，尤其是其对带宽的消耗是十分巨大的。 对图片的性能优化及体验优化在今天就显得尤为重要。本文，就将从各个方面阐述，在各种新特性满头飞的今天，我们可以如何尽可能的对我们的图片资源，进行性能优化及体验优化。 图片类型的选取及 Picture 标签的使用 首 ......
Bootstrap Blazor Viewer 图片浏览器 组件更新
支持流转图片(ImageFromStream), 用于本地项目例如 MAUI Blazor,Blazor hybrid 示例: https://blazor.app1.es/viewer 使用方法: 1.nuget包 BootstrapBlazor.Viewer 2._Imports.razor 文 ......
Safari浏览器对SVG中的<foreignObject>标签支持不友好，渲染容易错位
在 svg 中需要写一个 markdown 编辑器，需要用到 <foreignObject> 绘制来html，编辑器选择了 simplemde。大致html部分结构如下，<markdown-editor> 组件为定制封装好的 simplemde 编辑器。 <template> <svg> <g> < ......
一文学会浏览器插件（加入光荣的进化吧）（一文晋级璀璨钻石）（本文不含知识诅咒）
都2023年了，你还不会开发浏览器插件？ 注意：此教程针对chrome和chromium内核的浏览器制定的，且仅适用于前端开发者 在chrome地址栏输入chrome://extensions/，就进入了谷歌浏览器扩展程序控制面板，在这里可以装载一些插件，来扩展浏览器的功能，或者做一些自动化处理，由 ......
使用浏览器inspect调试app
使用浏览器inspect调试app 在开发混合项目的过程中，常常需要在app环境排查问题，接口可以使用fiddler等工具来抓包，但是js错误就不好抓包了，这里介绍一种调试工具-浏览器。 1.调试过程 先看实现步骤 首先电脑打开edge浏览器，地址栏中输入edge://inspect/#device ......
有哪常用些浏览器/内核？
按照浏览器内核来看，Chromium内核的市场占有率无疑是最大的，一家独大。对于淘汰已久的IE浏览器，似乎不甘归于尘土，死不瞑目，依然为祸人间。相比全球占比率不足0.5%，IE在中国的占用率要高多了，达2%，看似好像不高。实际情况是还有不少不直接接入互联网的内网系统（如国企），并没有统计到。 ......
解决RockyLinux和Centos Stream 9中firefox无法播放HTML视频问题
如题在测试两种centos后续系统时，发现firefox无法播放HTML视频问题。经过一番折腾找到了解决的办法，具体解决如下： 首先下载VLC $sudo yum install vlc 而后重启浏览器就可以使用firefox播放HTML视频了。 在下载vlc时会因为仓库问题出错， 对于Rocky， ......
浏览器打印方案
前言 在web端打印是比较常见的需求，实际工作中也接触了不少，在这里对工作中用到的做一下总结 1.通过媒体查询隐藏元素 通过style标签内联引入，或者使用媒体查询media="print"外链样式表。然后将无关元素隐藏，只将需要打印的内容展示出来；这时候需要专门写一套打印样式，页面修改，打印样式可 ......
浏览器DevTools使用技巧
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：正则 作为一名前端开发人员，平时开发中使用最多的就是 Chrome devtools，但可能很多同学像我一样平时用的最多也就 Console、Elements ......
Web 实战：可滑动的标签页
实现效果图 本随笔只是记录一下大概的实现思路，如果感兴趣的小伙伴可以通过代码和本随笔的说明去理解实现过程。 Gitee GitHub 构建静态页面 可滑动的页面需要 5 个 div，标签也需要 5 个。只有页面是随着我们操作而变化，标签处于静态，标签下面有一个滑块也是随着我们操作而变化。所以，构建基 ......