HTML
文章平均质量分 52
HTML 相关
十月ooOO
精通 JS/CSS/HTML,做点有用的东西。
展开
-
input 关闭输入的自动提示 autocomplate
有些时候需要将 Input 的自动提示去掉,因为不去掉的话会很烦人,比如我有一个输入温度的输入框:每次点的时候都会出来这个提示框,很烦。原创 2024-01-06 12:01:22 · 1852 阅读 · 0 评论 -
做了个 web 的键盘测试工具,MagicKeyboard2
最近买了个 MagicKeyboard2,买来得测试一下键盘是不是正常,下个软件测试有点多余,就从网上找了个 web 版的测试页面,但它的界面实在是一言难尽。在线地址: https://kylebing.cn/tools/keyboard/就想自己写一个极其仿真的键盘测试界面,下午+晚上 完成。不愧我这扎实的 HTML + CSS 基础。原创 2022-10-29 11:43:35 · 3652 阅读 · 0 评论 -
Safari 背景为绿色,设置 Safari 访问页面时的背景颜色 theme-color
最近遇到一个很奇怪的问题,safari 访问网页的时候,背景不能通过 body 的 background 指定了。不知道是 iOS 升级导致的问题还是怎么着,之前一直好好的,现在就不行了。原创 2022-08-11 22:58:49 · 2615 阅读 · 1 评论 -
safari 中如何设置独立web app 的状态栏颜色背景,apple-mobile-web-app-capable apple-mobile-web-app-status-bar-style
safari 中如何设置独立单页web app 的状态栏颜色背景,apple-mobile-web-app-capable apple-mobile-web-app-status-bar-style参考文章:https://medium.com/appscope/changing-the-ios-status-bar-of-your-progressive-web-app-9fc8fbe8e6ab现在是 2022-02-17iPhone 现在已经可以实现将 web 应用添加到桌面上,直接打开就获得原创 2022-02-17 14:55:17 · 2538 阅读 · 0 评论 -
Vue input: file 上传相同文件没反应, onchnage 不触发,解决办法
input: file 上传相同文件没反应, onchnage 不触发,解决办法参考 StackOverflow 中的回答: https://stackoverflow.com/questions/26634616/filereader-upload-same-file-again-not-working有时候上传文件的时候,如果失败了,再选择这个文件上传,就不会触发上传了。原因是前后两个文件是一样的,存在 input 中的 files 没有变化,而我们监听的是 onchange ,所以才没有触发原创 2021-12-14 15:16:12 · 3684 阅读 · 0 评论 -
Chrome 谷歌浏览器 直接播放 RTSP 流 demo
Chrome 播放 RTSP demogithub: https://github.com/KyleBing/rtsp-player-chrome该项目是参考这篇文章产出的,所有文件也是该文章中提供的https://blog.csdn.net/qq_34817440/article/details/105644393使用 vxg 播放器进行转码,可直接在 chrome 中播放 rtsp 监控视频。只支持旧版的 Chrome 最新版的不支持。该库中的版本是 v72 可正常使用一、安装 Ch原创 2021-08-03 17:58:03 · 2175 阅读 · 0 评论 -
http 各返回值的意义
http 各返回值的意义https://developer.mozilla.org/en-US/docs/Web/HTTP/Status信息类的反馈 (100–199)成功反馈 (200–299)重定向 (300–399)客户端错误 (400–499)服务端错误 (500–599)原创 2021-04-01 09:52:25 · 219 阅读 · 0 评论 -
HTML Video Audio js 控制
HTML Video Audio js 控制先找到 video audio 的本体,然后直接在上面使用 .play() .pause() 即可如 jQuerylet video = $('#video')[0];video.pause()原创 2021-01-06 15:57:25 · 262 阅读 · 0 评论 -
Input 如何取消输入自动提示
Input 如何取消输入自动提示input 用为日期插件的启动元素时,点击 Input 可能会被浏览器的输入提示挡住,如:只需要把 input 设置 autocomplete="off"即可:原创 2020-10-27 10:25:53 · 2184 阅读 · 0 评论 -
如何让 web 页面以独立 app 的形式运行 meta: apple-mobile-web-app-capable
如何让 web 页面以独立 app 的形式运行 meta: apple-mobile-web-app-capable看个例子你可能不知道的一个功能:web 单页面应用可以在手机端以类似独立 app 的形式运行。就像下面这样,没有上下的工具栏切换的时候跟普通 app 没什么两样让页面实现 standalone 功能苹果官方对 safari 可用 meta 标签的说明Safari HTML Reference - Supported Meta Tags只需要添加下面一行即可<原创 2020-05-15 11:31:28 · 6853 阅读 · 1 评论 -
关于meta: description HTML 标签的解释 ,SEO
关于meta: description HTML 标签的解释 ,SEO参阅链接 Meta Description了解一下 meta: description&lt;meta name='description' content="Kyle 自己的个人站点,存放一些自己的项目和好用的 web 小工具"&gt; 标签中的 meta: description 标签一般为长度为160字符的文...原创 2019-02-20 16:15:48 · 4350 阅读 · 0 评论 -
让Safari中收藏的个人网站显示Logo
让Safari中收藏的个人网站显示Logo touch-iconSafari中要显示网站的Logo需要特意设置一下,并不是通常的写法:&lt;link rel="shortcut icon" type="image/png" href="pics/favicon.png"&gt;而是有它自己的一套写法,应该是为了美观吧,收藏的地址链接可以放上桌面上,也不能原创 2016-10-16 14:10:58 · 8968 阅读 · 2 评论