Oct252025
selenium模块无头化浏览器 设置不加载页面css、图片、js
下面代码基于火狐浏览器,谷歌浏览器代码类似
from selenium import webdriver
from selenium.webdriver.firefox.options import Options
from selenium.webdriver.chrome.service import Service
def create_web_driver():
"""
设置浏览器驱动位置
浏览器无头化设置
设置不加载网页的css与图片以及新标签的开启方式
:return: wed_driver
"""
...阅读全文
抢沙发
Oct222025
html5 画布时钟效果
网上看到个时钟效果,感觉挺好看,转了来,具体通过html5画布技术实现的,效果图如下:
具体 html 代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html5 时钟效果</title>
</head>
<body>
<canvas id="dom" width="120" height="120"></canvas>
<script type="text/j...阅读全文
Mar082025
Web播放器,同时支持 HTM5 和 Flash 视频Video.js
Video.js是一款优秀的HTML5 Web视频播放器。它同时支持 HTM5 和 Flash 视频,支持在桌面和移动设备上的视频播放,截至目前,大概有40W的站点在使用Video.js作为web播放器。
获取Video.js
Video.js支持npm和bower方式安装:
NPM
$ npm install --save video.js
Bower
$ bower install --save video.js
也可以在页面中直接通过标签引用CDN资源:
<link href="https://unpkg.com/video....阅读全文
Jan132025
使用navigator.userAgent.toLowerCase()判断移动端设备浏览器类型
在跨平台、浏览器、移动设备兼容的时候,要根据设备、浏览器做特定调整,所以我们经常会用到navigator.userAgent.toLowerCase()来进行判断
代码如下,请参考:
<script type="text/javascript">
// borwserRedirect
(function browserRedirect(){
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == 'ipad';
...阅读全文
Dec262024
HTTP 400 Bad Request 错误的原因及解决方法
1. 引言
在互联网应用中,我们经常会遇到各种HTTP状态码,它们用于指示服务器对请求的处理情况。其中,HTTP 400 Bad Request 错误是指客户端发送的请求有错误或无法被服务器理解。本文将探讨HTTP 400错误的原因,并提供解决方法。
2. 错误原因
HTTP 400 Bad Request 错误发生的主要原因有:
2.1. 请求参数错误
当客户端发送的请求参数不符合服务器的要求时,例如缺少必要的参数、参数格式...阅读全文
Dec232024
AngularJS与Angular的区别
随着前端开发的快速发展,JavaScript框架也在不断更新和演进。AngularJS和Angular是两个非常常见的前端JavaScript框架,它们都由谷歌开发并被广泛应用于Web开发中。然而,AngularJS和Angular在设计理念、语法和性能等方面存在一定的区别。本文将对这两个框架进行比较,并详细介绍它们的特点和优势。
AngularJS(Angular 1.x)
AngularJS是由谷歌开发的第一个版本的Angular框架,也被称为A...阅读全文
Dec212024
Eclipse创建基于Web的Maven项目
介绍
在使用Eclipse进行Java开发时,Maven是一个非常强大的构建工具。它能够自动管理依赖,简化构建过程,使项目开发更高效。本篇博客将介绍如何在Eclipse中创建基于Web的Maven项目,并进行详细的配置与使用方法。
步骤
1. 安装Eclipse
首先,确保已经在您的电脑上安装了Eclipse。如果还未安装,请访问Eclipse官方网站(https://www.eclipse.org/downloads/)下载并安装Eclipse的最新版本...阅读全文
Dec202024
使用Vue.js和Vuex构建复杂的前端应用
在前端开发中,构建复杂的应用可能会面临许多挑战。随着业务需求的增长和前端技术的发展,我们需要使用一种可维护和高效的架构来开发大型应用。Vue.js和Vuex是非常适合构建复杂前端应用的技术栈。
Vue.js简介
Vue.js是一个轻量级的JavaScript框架,用于构建用户界面。它采用了组件化的开发方式,使得代码的复用和维护变得更简单。Vue.js具有简单易学的API和丰富的生态系统,使得开发者可...阅读全文
Dec202024
如何构建一个响应式的导航栏
在如今的互联网时代,越来越多的用户使用移动设备浏览网页,因此构建一个响应式的导航栏变得至关重要。一个优秀的响应式导航栏能够适应各种屏幕尺寸,并提供类似于桌面浏览器一样的用户体验。本文将介绍如何使用响应式设计构建一个适应不同设备的导航栏。
1. 使用HTML和CSS构建基本结构
首先,在HTML文件中创建导航栏的基本结构。使用无序列表(<ul>)和列表项(<li>)来表示导航...阅读全文
Dec152024
使用WebRTC实现浏览器间实时音视频通信
今天,我们将会介绍如何使用 WebRTC 技术在浏览器间实现实时音视频通信。WebRTC(Web Real-Time Communication)是一种开源的项目,旨在通过简单的 JavaScript API 实现在浏览器中进行音视频通信。该技术可以使开发人员轻松构建实时通信应用,如视频会议、语音电话或即时通讯。
WebRTC 的组成部分
WebRTC 由三个核心组件组成:
媒体获取(Media Acquisition):WebRTC 使用了 getUserMe...阅读全文