火狐 浏览器firefox标签
谷歌浏览器中使用vue调试工具
1、下载调试工具下载地址：Vue Devtools_6.1.4_chrome 2、解压下载的压缩文件： 3、打开chrome浏览器，进入chrome://extensions/ 将已经解压的文件拖入扩展程序中： 4、看到下面表示成功： 5、使用项目运行命令npm run serve,开始启动项目： ......
媒体查询、视口viewport和meta标签、flex布局
什么是响应式Web 设计 早年设计 Web 时，页面是以适配特定的屏幕大小为考量创建的。如果用户正在使用比设计者考虑到的更小或者更大的屏幕，那么结果从多余的滚动条，到过长的行和没有被合理利用的空间，不一而足。随着人们使用的屏幕尺寸的种类越来越多，出现了响应式网页设计的概念（responsive we ......
通过 OG 标签优化网站在社交媒体上的显示效果
介绍 OG 标签是 Open Graph Protocol 的缩写，是一种由 Facebook 所定义和推广的元数据协议，用于在社交媒体上显示网页的预览内容。 OG 标签允许网站管理员控制他们网站页面在 Facebook、Twitter、LinkedIn 等社交媒体上的展示形式，可以设置网页的标题、 ......
2·1浏览器背后的故事、2·2HTTP协议的前世今生、2·3透过TCPIP看HTTP、2·4DNS域名解析、2·5回溯TTP事务处理过程
浏览器背后的故事 Http ·超文本传输协议(HTTP)是一种通信协议它允许将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器 ·HTTP是一个属于应用层的面向对象的协议由于其简捷快速的方式,适用于分布式超媒体信息系统 它于1990年提出经过几年的使用与发展得到不断地完善和扩展 We ......
浏览器背后的故事&HTTP的前世今生
浏览器背后的故事 HTTP： 超文本传输协议(HTTP)是一种通信协议，它允许将超文本标记语言（HTML）文档从Web服务器传送到客户端的浏览器 HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统，它于1990年提出，经过几年的使用与发展，得到不断地完善和扩 ......
Linux终端居然也可以做文件浏览器？
大家好，我是良许。 在抖音上做直播已经整整 5 个月了，我很自豪我一路坚持到了现在【笑脸】 最近我在做直播的时候，也开始学习鱼皮大佬，直播写代码。当然我不懂 Java 后端，因此就写写自己擅长的 Shell 脚本。 但是，由于我是在 Linux 终端上写代码，没办法向观众朋友们展示一些图片或者 PD ......
html a标签怎样设置宽高,a标签如何设置高度和宽度
https://blog.csdn.net/weixin_30344519/article/details/117859933 https://www.yzktw.com.cn/post/14740.html style="font-size:15px;" 我们直接设置html代码中的a标签高度和宽 ......
获取浏览器窗口尺寸及监听浏览器变化
原JS获取：窗口可视高度：window.innerWidth窗口可视宽度：window.innerHeight 窗口文档高度：document.body.clientWidth窗口文档宽度： document.body.clientHeightJQuery获取：窗口可视高度：$(window).he ......
谷歌浏览器安装--Dependency issue installing google-chrome-stable through Ubuntu docker
1.ubuntu安装谷歌浏览器找不到安装包libu2f-udev，记录一下解决办法 Creating a dummy package which provides libu2f-udev fixes the issue. I followed below steps for Ubuntu 16.04 ......
解决videojs 在Chrome浏览器下报：A network error caused the media download to fail part-way.
记录一下videoJS在Chrome浏览器下有时候出现播放一半或者回退的一个恶心bug，错误提示如下:A network error caused the media download to fail part-way.经过一下午的折腾查找，终于在GitHub上看到他们官方的一个解决方案，这个方案目 ......
谷歌Chrome浏览器内直接打开编辑保存Office Word、Excel、PPT 文档，可离线部署！
谷歌Chrome经过开发团队不断优化，凭借运行界面简单，打开速度最快及扩展插件众多，Chrome已经成为了世界上最受欢迎的浏览器。不过有一点非常可惜，由于微软Office不是开源程序，所以Chrome一直无法直接打开微软Office文档。 虽然后来有一些国内厂商通过调用微软免费开源的ActiveX控 ......
google chrome 浏览器 禁用 禁止 自动更新
因为使用python做爬虫时，会常用到Selenium+chormedriver来控制浏览器。 但chormedriver和本地Chorme版本有版本依赖关系，每次本地chrome一升级，就导致要下载配套版本的chormedriver。在chorme中还找不到停止更新的选项。 解决方案： 在C盘中把 ......
主页中有img图片标签&主页跳转到登录页面
主页中有img图片标签 准备1.jpg的图片 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>主页</title> </head> <body> <h1>主页</h1> <hr> <im ......
VUE中 video标签进入页面自动带声音播放
正常来说自动播放 是需要静音的 前几天看到个网页可以不静音播放 搜了下 Vue中使用也是基于静音 html 部分和平常一样 muted 在mounted 函数中重新附参数 ※ 这种方法必须有一个页面跳转的过程 即 A -> B B页面中视频自动播放 直接跳转B是不能自动播放的※ ......
Istio浏览
外部视角 物理角度，k8s在安装了istio之后会产生一组istiod的管理服务以及一组新的CRD，比如virtualservice/destinationrule/gateway/serviceentry等，当我们启用istioinject配置之后，pod启动时会多出一个已结束状态的istio-c ......
19、＜resultMap＞中 ＜collection＞实现多级标签
一、需求： SQL方式实现多级标签，类似于： 二、一级标签实体类声明： 三、二级标签实体类声明： 四、mybatis标签映射： <resultMap>中的 <collection>来实现一对多映射关系： <resultMap id="BaseResultMap" type="com.xxx.mode ......
Firefox Tree Style Tab extension & hide native tabs
地址栏空白处右键Customize Toolbar...，勾选Title bar 安装Tree Style Tab扩展 在地址栏输入about:config搜索toolkit.legacyUserProfileCustomizations.stylesheets改为true 在地址栏输入about: ......
video标签视频指定帧作为预览图
<video :src="videoUrl" :poster=" videoUrl + '?x-oss-process=video/snapshot,t_0,f_jpg,w_0,h_0,ar_auto' " ></video> ......
图片标签
当图片显示出错时，就会显示title属性，如下 width和heigrt属性只需要给出一个值，另一个会等比缩放，好处是图片不会变形 要加入controls音频才能被播放 ......
FTL常用标签及语法
判断对象是否存在，若成立说明存在 <#if blockObjList ??></#if> <#if blockObjList ??> <#else> </#if> 判断知否和某一个值相等(先判断是否存在，在判断相等，如果该指定的参数不存在还比较相等的话就回出错) <#if componentId ? ......
禁止浏览器返回上一页(缓存
if(window.history && window.history.pushState){ window.onpopstate=function(){ window.history.pushState('forward', null) window.history.forward(1) } } ......
第十篇 浏览器对象模型 - BOM
BOM (Browser Object Model) 是指浏览器对象模型，浏览器对象模型提供独立于内容的、可以与浏览器窗口互动的对象结构 BOM 由多个对象组成，其中代表浏览器窗口的 window 对象是 BOM 的顶层对象，其他对象都是该对象的子对象 document 也是 BOM 的子对象，wi ......
jupyternotebook 如何指定启动浏览器
找到浏览器位置，右键属性-目标 的地址复制出来就可以 import webbrowser webbrowser.register('chrome', None, webbrowser.GenericBrowser(u'C:\Program Files\Google\Chrome\Applicatio ......
MyBatis的<sql>与<include>标签
sql标签：抽取可重用的sql片段，方便后面引用； sql抽取：经常将要查询的列名，或者插入用的例名抽取出来方便引用； include标签用来引用已经抽取出来的sql; include还可以自定义一些 property， sql标签内部就可以使自定义的属性； <sql id="Base_Column ......
火狐浏览器与谷歌浏览器定位偏差问题
html <!-- 右边固定tab开始 --> <div class="right-fixed-bar"> <ul> <li class="bar-item"> <div class="bar-item-img"> <img src="../images/news/phone.png" alt="" ......
chrome浏览器支持flash的版本
方式1：https://link.zhihu.com/?target=https%3A//www.slimjet.com/chrome/google-chrome-old-version.php 方式2： 查找你想要的版本号 例如：输入87 然后这里就会出现匹配版本号的完整版本号信息 拿到完整版本号 ......
前端图片大小随浏览器大小自适应
为了让前端图片能够随着浏览器大小的改变而自适应，可以使用CSS来设置图片的宽度和高度。具体而言，可以使用以下的CSS样式： img { max-width: 100%; height: auto; } 这个样式将图片的最大宽度设置为100%，这样图片将会根据其容器的宽度进行缩放。同时，将高度设置为自 ......