首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • HTML5 浏览器支持

    HTML5 浏览器支持 现代的浏览器都支持 HTML5。 此外,所有浏览器,包括旧的和最新的,对无法识别的元素会作为内联元素自动处理。 Internet Explorer 浏览器问题 你可以使用以上的方法来为 IE 浏览器添加 HTML5 元素,但是: Internet Explorer 8 及更早 IE 版本的浏览器不支持以上的方式 [endif]--> 以上代码是一个注释,作用是在 IE 浏览器的版本小于 IE9 时将读取 html5.js 文件,并解析它。 [endif]--> 针对IE浏览器html5shiv 是比较好的解决方案。 </body> </html> html5shiv.js 引用代码必须放在 <head> 元素中,因为 IE 浏览器在解析 HTML5 新元素时需要先加载该文件。

    22210编辑于 2025-12-16
  • 来自专栏站长的编程笔记

    HTML5 SSE 浏览器发送事件

    现在有了 HTML5 之后不需要那么麻烦了,可以使用 websocket 或者 SSE。 使用方式 1.1 创建实例 通过新建一个 sse 对象可以创建一个 SSE 实例,但是不要忘记检测浏览器的支持情况: if(typeof(EventSource)! timeout 设置较长,服务器有数据变化时返回数据给客户端,同时断开连接,客户端处理完数据之后重新创建一个 HTTP 长连接,循环上述操作(这只是其中一种实现方式); websocket 这是 HTML5 中的新标准,基于 socket 的方式实现客户端与服务端双向通信,需要浏览器支持 HTML5; Adobe Flash Socket 这个也是使用 socket 的方式,需要浏览器支持 flash 才行 ,为了兼容老版本的浏览器; ActiveX object 只适用于 IE 浏览器; 目前尚没有一种方式能兼容所有的浏览器,只能针对软件的目标客户人群做一定的兼容。

    58020编辑于 2023-11-20
  • 来自专栏OBKoro1的前端分享

    H5 notification浏览器桌面通知

    Notification是HTML5新增的API,用于向用户配置和显示桌面通知。上次在别的网站上看到别人的通知弹窗,好奇之余也想知道如何实现的。 : MDN:目前 Notification除了IE浏览器不支持外, 其他浏览器都已支持桌面通知,移动端浏览器基本都未支持。 例如:用定时器5秒后才监听通知的点击和显示事件,则永远不会触发通知显示的回调,点击事件在5秒后才可以正常起作用但会错误五秒之前用户的点击。 关闭通知 instanceNotification.close() 没有设置不自动关闭的话,chrome通知将会在4.5秒左右自动关闭通知,safari则是5秒钟(无法设置不自动关闭)。 MDN HTML5 桌面通知:Notification API

    2.2K40发布于 2020-10-27
  • 来自专栏前端导学

    html5 浏览器视频支持表

    Internet Explorer 9+ HTML5 with MP4 IE old versions Flash fallback with MP4 Firefox 4+ HTML5 with 6+ HTML5 with WebM or OGG Google Chrome 3+ HTML5 with OGG Chrome old versions Flash fallback with MP4 Opera 10.60+ HTML5 with WebM or OGG Opera 10.50+ HTML5 with OGG Opera old versions Flash fallback Devices iPhone 3+ HTML5 with MP4 iPad 1, 2 HTML5 with MP4 Android 2.1+ HTML5 with MP4 BlackBerry 6+ HTML5 with MP4 Windows Phone 7+ HTML5 with MP4

    1.8K10发布于 2019-05-26
  • 来自专栏除除的专栏

    HTML5 全屏浏览器兼容方案

    本文介绍了 HTML5 全屏 API 的使用方法,包括 requestFullscreen() 和 exitFullscreen() 的调用方式及注意事项,提供了浏览器兼容性处理方案,并通过代码示例演示了全屏请求与退出的实现 ,适配主流浏览器的不同方法。 背景最近一个项目有页面全屏的的需求,搜索了下有 HTML5 的全屏 API 可用,不过各浏览器的支持不一样。 这个接口让开发者很轻松的引导浏览器使一个元素和他的子元素占据整个屏幕,并且从屏幕上消除所有浏览器用户界面和其他应用程序。 ,不在 HTML5 API 的范畴之内。

    50010编辑于 2025-12-01
  • 来自专栏python3

    PyQt5 内嵌浏览器注入 Javas

    概要 应同学邀请,演示如何使用 PyQt5 内嵌浏览器浏览网页,并注入 Javascript 脚本实现自动化操作。 /usr/bin/env python3 # -*- coding: utf-8 -*- '''使用 PyQt5 内嵌浏览器浏览网页,并注入 Javascript 脚本实现自动化操作。''' QDesktopWidget, QTextEdit, QLabel, QLineEdit, QPushButton, QFileDialog, QProgressBar, ) from PyQt5. QtCore import QUrl, pyqtSlot from PyQt5.QtWebEngineWidgets import QWebEngineView, QWebEngineProfile, 0, 0, 5) progBar = QProgressBar() progBox = QHBoxLayout() progBox.addWidget

    1.8K30发布于 2020-01-03
  • 来自专栏站长的编程笔记

    HTML5 SSE 浏览器发送事件

    现在有了 HTML5 之后不需要那么麻烦了,可以使用 websocket 或者 SSE。 使用方式 1.1 创建实例 通过新建一个 sse 对象可以创建一个 SSE 实例,但是不要忘记检测浏览器的支持情况: if(typeof(EventSource)! timeout 设置较长,服务器有数据变化时返回数据给客户端,同时断开连接,客户端处理完数据之后重新创建一个 HTTP 长连接,循环上述操作(这只是其中一种实现方式); websocket 这是 HTML5 中的新标准,基于 socket 的方式实现客户端与服务端双向通信,需要浏览器支持 HTML5; Adobe Flash Socket 这个也是使用 socket 的方式,需要浏览器支持 flash 才行 ,为了兼容老版本的浏览器; ActiveX object 只适用于 IE 浏览器; 目前尚没有一种方式能兼容所有的浏览器,只能针对软件的目标客户人群做一定的兼容。

    58020编辑于 2023-11-20
  • 来自专栏神光的编程秘籍

    浏览器5 种 Observer,你用过几种?

    浏览器提供了 5 种 Observer 来监听这些变动:MutationObserver、IntersectionObserver、PerformanceObserver、ResizeObserver、 document.querySelectorAll('button')[0].remove(); },5000); 2s 的时候修改背景颜色为红色,3s 的时候添加一个 button 的子元素,5s 除了元素、performance 外,浏览器还有一个 reporting 的监听: ReportingObserver 当浏览器运行到过时(deprecation)的 api 的时候,会在控制台打印一个过时的报告 浏览器提供了这 5 种 Observer: IntersectionObserver:监听元素可见性变化,常用来做元素显示的数据采集、图片的懒加载 MutationObserver:监听元素属性和子节点变化 浏览器5 种 Observer,你用过几种呢?在什么情况下用到过呢?不妨来讨论下。

    1.7K41编辑于 2022-03-03
  • 来自专栏前端小叙

    webpack5 devServer浏览器打开显示 can not get

    webpack5中通过使用 webpack-dev-server 插件,配置 devServer 来浏览器启动页面,对于单页面,我们可以直接配置打开首页,多页面,可以配置打开一个文件目录,选择各个页面的目录 当我们配置好 webpack 后,执行 npm run dev,浏览器打开经常会看到显示  can not get,即无法匹配服务器匹配的目录 这时我们在 devServer 下配置 static webpack-cli": "^5.1.4", "webpack-dev-server": "^4.15.1" } } 而在我使用的稍微低一点的 webpack 版本中,devServer 配置浏览器打开目录是通过

    58210编辑于 2023-08-09
  • 来自专栏SAP Technical

    【SAP UI5系列】SAP UI5支持哪些浏览器

    chrome 4、最新的Safari 1、最新的Internet explorer 2、最新的Firefox 3、最新的Google chrome 4、最新的Safari 为什么都要最新的 因为HTML5的限制

    75700发布于 2020-11-14
  • 来自专栏木子墨的前端日常

    浏览器相关--H5本地存储

    因为项目需要,最近研究了一下HTML5本地存储相关的东西,在这简单的记录一下。 ---- 浏览器存储主要包括一下几个部分 1. cookie 2. localStorage 3. sessionStorage 4. indexDB 5. websql 6. window变量 7. 存储后可在浏览器resource中查看。 除了上述的浏览器存储外,还有一些其他的。比如IE使用的userData,globalStorage等等。写个例子,不多说了,你懂得。 大神们的博客,推荐大家看一下,说的很详尽, 1、html5 web IndexedDB使用详解: http://blog.csdn.net/rdj_miss/article/details/51285097

    1.1K30发布于 2018-09-13
  • 来自专栏HTML5学堂

    如何让旧浏览器支持HTML5新标签

    HTML5学堂:开发永远和理论不相同,一旦考虑IE低端浏览器,所有的HTML5新增功能都成了浮云~~~从HTML5新增标签的语义角度来说,是有利于网站SEO的,那么如果在高端浏览器中使用了新元素,应当如何让低端浏览器兼容呢 如何让旧浏览器支持HTML5新增标签 HTML5出现也不短了,很多网站的页面都进行了改版,为了降低代码量(不需要起太多的类名),提升加载速度,提高标签的语义性,因此,在网页中大量使用了section, 还是比较希望能够做成兼容“旧版浏览器”的,在此和大家共享一下,如何让旧浏览器支持HTML5新增标签。 书写的基本的HML代码: <! doctype html> <html> <head> <meta charset="UTF-8"> <title>让旧浏览器支持HTML5新增标签-独行冰海</title> </head> 具体步骤 其实,让旧浏览器支持HTML5新增标签,听上去很难,操作起来很简单,只需要你懂DOM操作就足够了。 首先我们使用js进行标签的创建,为HTML文件创建我们需要的这几个HTML5标签。

    1.9K70发布于 2018-03-12
  • 来自专栏宜达数字

    HTML5学习(一):服务器与浏览器

    1- 服务器与浏览器 1-1:服务器 老生长谈服务器就是一台不关机的电脑。 ? 因为关机别人就访问不到电脑的信息了。诸如我们常见的error: 404 not found ? 1-2:浏览器 浏览器就是我们的谷歌浏览器,火狐浏览器,QQ浏览器,百度浏览器等。太多了数不过来。 ? 浏览器排名 1-3:二者之间的关系 第一步:通过电脑客户端的浏览器 输入百度网址(即发送请求报文)到百度服务器 第二步:百度服务器接到请求报文后,发送网站具体的数据(即响应报文)到电脑上,电脑的浏览器解析返回的内容给我 1-4-1:打开浏览器 ? 1-4-2:打开网页选择NetWork,然后输入百度网址 ? 1-4-3:请求头与响应头 ? 响应与请求头 ? 响应行与响应头 ? 响应内容 同理,那个请求也是一样的

    1.1K21发布于 2020-06-02
  • 来自专栏eadela

    HTML5--浏览器全屏操作、退出全屏、是否全屏

    isFull" value="是否全屏">

    <script> /*全屏操作的主要方法和属性 * 1.requestFullScreen():开启全屏显示 * 不同浏览器需要添加不同的前缀 * chrome:webkit firefox:moz ie:ms opera:o * 2.cancelFullScreen():退出全屏显示:也添加前缀,在不同的浏览器下 div.webkitRequestFullScreen();*/ /*div.mozRequestFullScreen();*/ /*使用能力测试添加不同浏览器下的前缀

    6.4K31发布于 2019-09-29
  • 来自专栏业余草

    如何检测您的浏览器是否支持HTML5视频

    如何检测您的浏览器是否支持HTML5视频,看下面代码: function checkVideo() { if(!!

    2K20发布于 2019-01-21
  • 来自专栏opengps

    openGPS.cn - 浏览器定位技术探讨(HTML5定位)

    浏览器定位,也就是HTML5定位,据我目前的理解,这俩其实是一个概念。都是随着html5技术的发展而开始进入大众视野。 ​ 目前总结如下: 返回wgs84标准的坐标的手机浏览器: Chrome浏览器手机版, 手机微信内置浏览器(QQ浏览器内核), QQ浏览器手机版, Opera浏览器手机版, 猎豹浏览器手机版, 搜狗浏览器手机版 , 2345浏览器手机版, 小米手机浏览器, 华为手机浏览器等 返回gcj02标准的坐标的手机浏览器: Firefox浏览器手机版, 360浏览器手机版, UC浏览器手机版, 百度浏览器手机版等 除了坐标系问题,现在还有其他因素会导致浏览器定位功能不准确: 1,电脑端使用浏览器定位,电脑端也能定位。 4,用户权限问题,浏览器定位为了不涉及用户隐私,一般的浏览器厂商默认会提示用户是否允许正在使用的网站获取位置服务权限,因此大部分使用了浏览器定位功能网站页面都会弹框请求用户授权,这个弹框是浏览器所提供,

    3K60发布于 2018-04-13
  • 来自专栏终身幼稚园

    微信H5支付(手机浏览器请求)

    最近在做一个微信H5支付的功能,开发中遇到了一些问题,网上相关的资料比较少,在此做下总结以供参考。 一、功能需求 手机浏览器页面发起产品购买请求,调起微信支付,支付完成后返回购买页面展示支付结果。 (手机浏览器->微信app->手机浏览器) ? ? 二、关键思路详解 微信参考文档 (http://pay.weixin.qq.com/wiki/doc/api/H5.php? (根据微信文档,由于设置redirecturl后,回跳指定页面的操作可能发生在:1,微信支付中间页调起微信收银台后超过5秒 2,用户点击“取消支付“或支付完成后点“完成”按钮。

    4K10发布于 2019-07-19
  • 来自专栏全栈程序员必看

    Swiper滑动Html5手机浏览器自适应

    手机网页能通过window.screen.height, width获取屏幕分辨率,于是能够通过分辨率比率来计算高度。

    1.9K10编辑于 2022-07-08
  • 来自专栏Hongten

    检测您的浏览器是否支持 HTML5 视频方法

    在http://www.w3school.com.cn学习html5的时候,看到一个检测您的浏览器是否支持 HTML5 视频的方法: 运行效果: 1.在EditPlus中运行 2.在chrome浏览器中运行 DUCTYPE HTML> 2 <html> 3 4 <script type="text/javascript"> 5 function checkVideo() 6 { 7 if(! No video support." 45 } 46 } 47 </script> 48 49 <body> 50 51

    检测您的浏览器是否支持 HTML5 视频:

    52 53

    1.3K30编辑于 2022-05-06
  • 来自专栏技术向

    pyqt5实现浏览器与下载文件弹框

    +flask+html+css+js+浏览器,但是很多人都说奇怪。 在实践中也碰到了一个问题,就是各个系统(win,linux)的浏览器各不相同,前端适配非常困难。另外我们希望打开软件时启动docker,关闭窗口时同步关闭docker,使用系统浏览器无法做到这点。 因为打开系统浏览器有很多种方案,印象中都是异步,并且没有相应的通知接口。 所以考虑了新方案,docker+flask+html+css+js+自建浏览器,自建浏览器界面做成原生应用的样子。 且自建浏览器打算采用pyqt5,其自带chromium。 ==5.12.1 案例一:基础浏览器 from PyQt5.QtWidgets import QApplication from PyQt5.QtWebEngineWidgets import QWebEngineView

    4.2K21发布于 2019-11-20
  • 领券