Rosanu
Rosanu

html5 手机网站 meta/link标签，html5 meta全解

一、大众机型常用meta标签name的设置

1、name之viewport


说明：屏幕的缩放


content的几个属性：
    width viewport的宽度[device-width | pixel_value]width如果直接设置pixel_value数值，大部分的安卓手机不支持，但是ios支持；
    height – viewport 的高度 （范围从 223 到 10,000 ）
    user-scalable [yes | no]是否允许缩放
    initial-scale [数值] 初始化比例（范围从 > 0 到 10）
    minimum-scale [数值] 允许缩放的最小比例
    maximum-scale [数值] 允许缩放的最大比例
    target-densitydpi 值有以下（一般推荐设置中等响度密度或者低像素密度，后者设置具体的值dpi_value，另外webkit内核已不准备再支持此属性）
         -- dpi_value 一般是70-400//没英寸像素点的个数
         -- device-dpi设备默认像素密度
         -- high-dpi 高像素密度
         -- medium-dpi 中等像素密度
         -- low-dpi 低像素密度


完整案例：

[html]  view plain copy print ?
  1. <meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1, maximum-scale=1,target-densitydpi=device-dpi ">  

2、name之format-detection忽略电话号码和邮箱


说明：忽略页面中的数字识别为电话号码

说明：忽略页面中的邮箱格式为邮箱

也可以写成：

[html]  view plain copy print ?
  1. <meta name="format-detection" content="telphone=no, email=no"/>  

3、name之设置作者姓名及联系方式

说明：设置作者姓名及联系方式


4、其他

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   

   
   
   

   
   
   
   

   
   
   
   
   
   

    
   

   
   


   
       
       
       
       
       
       
   


   
   
   
   

     
   


二、ios系统的meta/link设置：

1、开启对web app程序的支持


说明：
    网站开启对web app程序的支持，其实意思就是删除默认的苹果工具栏和菜单栏，开启全屏显示

2、 改变顶部状态条的颜色；


说明：
    在 web app 应用下状态条（屏幕顶部条）的颜色；
    默认值为 default（白色），可以定为 black（黑色）和 black-translucent（灰色半透明）；


3、设置“添加到主屏幕图标

Safari 浏览器有一个“添加到主屏幕”的功能，用户可以像保存书签一样把一个网站添加到主屏幕，下次用户直接点击主屏幕上的图标就能进入网站。

这个功能不仅方便用户快速访问我们的网站，而且也使我们的 WebApp 更像一个原生应用html5 手机网站 meta/link标签，html5 meta全解_第1张图片

因为 iOS 分辨率，所以 icon.png 图片的尺寸也各不相同，我们可以通过sizes属性来分别定义，iOS 系统会自动获取向匹配的图片：

[html]  view plain copy print ?
  1. <span style="font-size:14px;">  
  2.         <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png"/>  
  3.           
  4.         <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png"/>  
  5.           
  6.         <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png"/>  
  7.           
  8. span>  


扩展：

为用户加上提示

通过添加一个JavaScript代码来邀请用户添加到主屏幕，该库使用了HTML5的本地存储跟踪是否已经显示过了，以避免重复出现。

目前使用比较多和有在更新的一个库来自这里：http://cubiq.org/add-to-home-screen


4、设置桌面图标的标题，

为了在主屏达到最好的显示效果，title最好限制在六个中文长度内，超长的内容会被隐藏：

添加到主屏后的标题（iOS 6 新增）

[html]  view plain copy print ?
  1. <span style="font-size:14px;"><meta name="apple-mobile-web-app-title" content="标题">span>  

5、设置启动画面

当用户点击主屏图标打开 WebApp 时，系统会展示启动画面，在未设置情况下系统会默认显示该网站的首页截图，当然这个体验不是很好，所以我们需要通过以下代码来自定义启动画面：

[html]  view plain copy print ?
  1. <link rel="apple-touch-startup-image" href="Startup.png" />  

根据 iOS 设备的分辨率，其启动画面的图片尺寸也各不相同所以：

[html]  view plain copy print ?
  1.   
  2.         <link rel="apple-touch-startup-image" sizes="768x1004" href="/splash-screen-768x1004.png"/>  
  3.           
  4.         <link rel="apple-touch-startup-image" sizes="1536x2008" href="/splash-screen-1536x2008.png"/>  
  5.           
  6.         <link rel="apple-touch-startup-image" sizes="1024x748" href="/Default-Portrait-1024x748.png"/>  
  7.           
  8.         <link rel="apple-touch-startup-image" sizes="2048x1496" href="/splash-screen-2048x1496.png"/>  
  9.           
  10.        
  11.         <link rel="apple-touch-startup-image" href="/splash-screen-320x480.png"/>  
  12.           
  13.         <link rel="apple-touch-startup-image" sizes="640x960" href="/splash-screen-640x960.png"/>  
  14.           
  15.         <link rel="apple-touch-startup-image" sizes="640x1136" href="/splash-screen-640x1136.png"/>  
  16.           
  17.       
或者以下代码，具体没有实践，还需考证
[html]  view plain copy print ?
  1. >  
  2. href="http://wlog.cn/html/"apple-touch-startup-image-320x460.png" media="(device-width: 320px)" rel="apple-touch-startup-image" />  
  3. >  
  4. href="apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />  
  5. >  
  6. href="apple-touch-startup-image-768x1004.png" media="(device-width: 768px) and (orientation: portrait)" rel="apple-touch-startup-image" />  
  7. >  
  8. href="apple-touch-startup-image-748x1024.png" media="(device-width: 768px) and (orientation: landscape)" rel="apple-touch-startup-image" />  
  9. >  
  10. href="apple-touch-startup-image-1536x2008.png" media="(device-width: 1536px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />  
  11. >  
  12. <link href="apple-touch-startup-image-1496x2048.png"media="(device-width: 1536px)  and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)"rel="apple-touch-startup-image" />  

6、 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari）

[html]  view plain copy print ?
  1. <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">  



==================

比较常用的meta

 以下代码参考网址：view-source:三个w点adinnet点cn斜杠service斜杠3d点html

[html]  view plain copy print ?
  1.   
  2.   
  3.   
  4. <html>   
  5. <head>   
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  7. <title>title>  
  8. <meta name="keywords" content="" />  
  9. <meta name="description" content="" />  
  10. <meta name="title" content="" />  
  11. <meta name="author" content="-06" />  
  12. <meta name="Copyright" content="" />  
  13.   
  14. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">  
  15. <meta name="format-detection" content="telephone=no">  
  16.   
  17. <meta name="renderer" content="webkit">  
  18.   
  19. <meta http-equiv="X-UA-Compatible" content="IE=edge">  
  20.   
  21. <meta name="HandheldFriendly" content="true">  
  22.   
  23. <meta name="MobileOptimized" content="320">  
  24.   
  25. <meta name="screen-orientation" content="portrait">  
  26.   
  27. <meta name="x5-orientation" content="portrait">  
  28.   
  29. <meta name="full-screen" content="yes">  
  30.   
  31. <meta name="x5-fullscreen" content="true">  
  32.   
  33. <meta name="browsermode" content="application">  
  34.   
  35. <meta name="x5-page-mode" content="app">  
  36.   
  37. <meta name="msapplication-tap-highlight" content="no">  
整理====

meta属性在HTML中占据了很重要的位置。如：针对搜索引擎的SEO，文档的字符编码，设置刷新缓存等。虽然一些网页可能没有使用meta，但是作为正规军，我们还是有必要了解一些meta的属性，并且能够熟练使用它们。 
1、声明文档使用的字符编码

[html]  view plain copy print ?
  1. <meta charset='utf-8'>  
2、声明文档的兼容模式

[html]  view plain copy print ?
  1. <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 指示IE以目前可用的最高模式显示内容  
  2. <meta http-equiv="X-UA-Compatible" content="IE=Emulate IE7" />指示IE使用 > 指令确定如何呈现内容。标准模式指令以IE7 标准模式显示，而 Quirks 模式指令以 IE5 模式显示。  
3、SEO 优化
[html]  view plain copy print ?
  1. <meta name="description" content="不超过150个字符" />页面描述  
  2. <meta name="keywords" content="html5, css3, 关键字"/>页面关键词  
  3. <meta name="author" content="魔法小栈" />定义网页作者  
  4. <meta name="robots" content="index,follow" />定义网页搜索引擎索引方式，robotterms是一组使用英文逗号「,」分割的值，通常有如下几种取值：none，noindex，nofollow，all，index和follow。  
4、为移动设备添加 viewport
[html]  view plain copy print ?
  1. <meta name ="viewport" content ="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">  
  2.     content 参数解释：  
  3.     width  　　　　 viewport 宽度(数值/device-width)  
  4.     height            viewport 高度(数值/device-height)  
  5.     initial-scale  初始缩放比例  
  6.     maximum-scale  最大缩放比例  
  7.     minimum-scale  最小缩放比例  
  8.     user-scalable  是否允许用户缩放(yes/no)  
  9.     minimal-ui      iOS 7.1 beta 2 中新增属性，可以在页面加载时最小化上下状态栏。这是一个布尔值，可以直接这样写：  
  10. <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">  
5、iOS 设备
[html]  view plain copy print ?
  1. <meta name="apple-mobile-web-app-title" content="标题">添加到主屏后的标题（iOS 6 新增）  
  2. <meta name="apple-mobile-web-app-capable" content="yes" />是否启用 WebApp 全屏模式  
  3. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />设置状态栏的背景颜色  
  4.     只有在 "apple-mobile-web-app-capable" content="yes" 时生效  
  5.     content 参数：  
  6.     default 默认值。  
  7.     black 状态栏背景是黑色。  
  8.     black-translucent 状态栏背景是黑色半透明。  
  9.     设置为 default 或 black ,网页内容从状态栏底部开始。  
  10.     设置为 black-translucent ,网页内容充满整个屏幕，顶部会被状态栏遮挡。  
6、iOS 图标 rel 参数

[html]  view plain copy print ?
  1. apple-touch-icon 图片自动处理成圆角和高光等效果。  
  2. apple-touch-icon-precomposed 禁止系统自动添加效果，直接显示设计原图。  
  3. <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png" />iPhone 和 iTouch，默认 57x57 像素，必须有  
  4. <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72x72-precomposed.png" />iPad，72x72 像素，可以没有，但推荐有  
  5. <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png" />Retina iPhone 和 Retina iTouch，114x114 像素，可以没有，但推荐有  
  6. <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png" />Retina iPad，144x144 像素，可以没有，推荐大家使用  
  7. <meta name="apple-mobile-web-app-title" content="标题">title最好限制在六个中文长度内，超长的内容会被隐藏，添加到主屏后的标题（iOS 6 新增）  
7、iOS 启动画面

[html]  view plain copy print ?
  1. iPad 的启动画面是不包括状态栏区域的。  
  2. iPad 竖屏 768 x 1004（标准分辨率）  
  3. <link rel="apple-touch-startup-image" sizes="768x1004" href="/splash-screen-768x1004.png" />iPad 竖屏 1536x2008（Retina）  
  4. <link rel="apple-touch-startup-image" sizes="1536x2008" href="/splash-screen-1536x2008.png" />iPad 横屏 1024x748（标准分辨率）  
  5. <link rel="apple-touch-startup-image" sizes="1024x748" href="/Default-Portrait-1024x748.png" />iPad 横屏 2048x1496（Retina）  
  6. <link rel="apple-touch-startup-image" sizes="2048x1496" href="/splash-screen-2048x1496.png" />  
  7. iPhone 和 iPod touch 的启动画面是包含状态栏区域的。  
  8. iPhone/iPod Touch 竖屏 320x480 (标准分辨率)  
  9. <link rel="apple-touch-startup-image" href="/splash-screen-320x480.png" />iPhone/iPod Touch 竖屏 640x960 (Retina)  
  10. <link rel="apple-touch-startup-image" sizes="640x960" href="/splash-screen-640x960.png" />iPhone 5/iPod Touch 5 竖屏 640x1136 (Retina)  
  11. <link rel="apple-touch-startup-image" sizes="640x1136" href="/splash-screen-640x1136.png" />  
  12. <link rel="apple-touch-startup-image" href="Startup.png" />  当用户点击主屏图标打开 WebApp 时，系统会展示启动画面，在未设置情况下系统会默认显示该网站的首页截图，当然这个体验不是很好  
8、Windows 8
[html]  view plain copy print ?
  1. <meta name="msapplication-TileColor" content="#000"/> Windows 8 磁贴颜色  
  2. <meta name="msapplication-TileImage" content="icon.png"/>Windows 8 磁贴图标  
9、不常用的

[html]  view plain copy print ?
  1. <link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml" />添加 RSS 订阅  
  2. <link rel="shortcut icon" type="image/ico" href="/favicon.ico" />添加 favicon icon  
  3. <meta name="format-detection" content="telephone=no" />禁止数字识自动别为电话号码  
  4. <meta name="format-detection" content="email=no" />不让android识别邮箱  
  5. <meta name="renderer" content="webkit">启用360浏览器的极速模式(webkit)  
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">避免IE使用兼容模式  
  7. <meta name="HandheldFriendly" content="true">针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓  
  8. <meta name="MobileOptimized" content="320">微软的老式浏览器  
  9. <meta name="x5-orientation" content="portrait">QQ强制竖屏  
  10. <meta name="full-screen" content="yes">UC强制全屏  
  11. <meta name="x5-fullscreen" content="true">QQ强制全屏  
  12. <meta name="browsermode" content="application">UC应用模式  
  13. <meta name="x5-page-mode" content="app">QQ应用模式  
  14. <meta http-equiv="Cache-Control" content="no-siteapp" />禁止百度转码  
  15. <meta name="msapplication-tap-highlight" content="no">windows phone 点击无高光  
  16. <meta name="keywords" content="" />  关键字  
  17. <meta name="description" content="" />  描述  
  18. <meta name="title" content="" />  标题  
  19. <meta name="author" content="-06" />  作者  
  20. <meta name="Copyright" content="" />  公司  
  21. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">   让IE浏览器用最高级内核渲染页面 还有用 Chrome 框架的页面用webkit 内核   
  22. <meta name="apple-mobile-web-app-capable" content="yes">  IOS6全屏  
  23. <meta name="mobile-web-app-capable" content="yes">  Chrome高版本全屏  
  24. <meta name="renderer" content="webkit">  让360双核浏览器用webkit内核渲染页面  
  25. <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL"> 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari）  
10、sns 社交标签  
参考微博API

[html]  view plain copy print ?
  1. <meta property="og:type" content="类型" />  
  2. <meta property="og:url" content="URL地址" />  
  3. <meta property="og:title" content="标题" />  
  4. <meta property="og:image" content="图片" />  
  5. <meta property="og:description" content="描述" />  










  

条件注释判断IE浏览器，

你可能感兴趣的:(Web,前端)

  • 可以与 FastAPI 不分伯仲的 Python 著名的 Web 框架 程序员小麦 fastapipython前端服务器excel开发语言
    正如你所理解的，任何领域都不可能停止进步，不断使用相同的工具意味着不思进取。这一点在信息技术领域，尤其是网络开发行业非常明显。关于网络框架，不论是Django和Flask等传统框架还是Python的新型高级框架，一直有着新的框架不断出现，它们正在挤掉传统和成熟的技术，它们特征更好、编码更方便、更简单、更快捷。众所周知的Pythonweb框架Django该网络框架是最流行的Python网络框架之一。
  • 大模型管理工具：Ollama m0_37559973 大模型Ollama大模型管理工具
    目录一、Ollama介绍二、Linux安装Ollama2.1一键安装2.2手动安装三、使用Ollama3.1配置模型下载路径3.2运行模型3.3常用命令四、模型管理4.1官方模型库4.2导入自定义模型五、RESTAPI六、WebUI一、Ollama介绍Ollama是一个基于Go语言开发的可以本地运行大模型的开源框架，同时提供RESTAPI管理和使用大模型。二、Linux安装Ollama2.1一键安
  • easyexcel读取写入excel easyexceldemo JavaNice哥 javaexcel
    1.新建springboot项目2.添加pom依赖excelexcelspringboot例子org.springframework.bootspring-boot-starter-parent2.2.1.RELEASEUTF-8UTF-81.81.81.82.3.0org.springframework.bootspring-boot-starter-weborg.springframework
  • 大模型GUI系列论文阅读 DAY2续2：《使用指令微调基础模型的多模态网页导航》 feifeikon 论文阅读
    摘要自主网页导航的进展一直受到以下因素的阻碍：依赖于数十亿次的探索性交互（通常采用在线强化学习），依赖于特定领域的模型设计，难以利用丰富的跨领域数据进行泛化。在本研究中，我们探讨了基于视觉-语言基础模型的数据驱动离线训练方法，以改进网页代理的性能。我们提出了一种名为WebGUM的指令跟随多模态代理，该代理能够同时观察网页截图和HTML页面，并输出网页导航操作，例如点击和输入文本等。WebGUM通过
  • Ollama 完整教程：本地 LLM 管理、WebUI 对话、PythonJava 客户端 API 应用 web13765607643 java
    随着大语言模型（LLM）的普及和应用场景的广泛扩展，Ollama提供了一个强大的本地LLM管理工具，支持WebUI对话功能，同时还为Python和Java提供了灵活的客户端API。本教程将详细介绍如何使用Ollama工具，涵盖从本地安装、模型管理、WebUI聊天界面到通过Python和Java进行集成的全方位应用。一、Ollama简介Ollama是一款用于本地运行大语言模型的工具，支持对LLM模型
  • 大模型GUI系列论文阅读 DAY3：《GPT-4V(ision) is a Generalist Web Agent, if Grounded》 feifeikon 论文阅读
    摘要近年来，大型多模态模型（LMMs）的发展，特别是GPT-4V(ision)和Gemini，迅速扩展了多模态模型的能力边界，不再局限于传统任务如图像描述和视觉问答。在本研究中，我们探讨了LMMs（如GPT-4V）作为通用网页代理的潜力，这类代理能够根据自然语言指令完成任意网站上的任务。我们提出了SEEACT，这是一种通用网页代理，利用LMMs的视觉理解能力，实现网页上的操作。我们在最新的MIND
  • easyexcel读取写入excel easyexceldemo JavaNice哥 javaexcel
    1.新建springboot项目2.添加pom依赖excelexcelspringboot例子org.springframework.bootspring-boot-starter-parent2.2.1.RELEASEUTF-8UTF-81.81.81.82.3.0org.springframework.bootspring-boot-starter-weborg.springframework
  • 从理论到实践：Django 业务日志配置与优化指南 ivwdcwso 开发运维安全djangopython日志开发配置
    在现代Web开发中，日志记录是确保系统可维护性和可观测性的重要手段。通过合理的日志配置，我们可以快速定位问题、分析系统性能，并进行安全审计。本文将围绕Django框架，详细介绍如何配置和优化业务日志，确保开发环境和生产环境都能高效地记录和管理日志。©ivwdcwso(ID:u012172506)1.日志的重要性日志是系统运行的“黑匣子”，记录了系统的关键操作、错误信息和性能数据。合理使用日志可以帮
  • 在线体验阿里云的通义万相（AIGC）文本绘图与人像美化功能 yunchi001 AIGC阿里云云计算AIGC人工智能
    介绍阿里云的通义万相AIGC技术为Web服务带来了图像生成的全新境界。想象一下，仅凭一段文字描述或随手涂鸦，就能转换为专业级的图像作品，包括人像风格重塑和定制写真等。这不仅加速了创意流程，也为广告、教育、游戏等行业带来视觉升级，满足个性化视觉内容需求，开启了创意表达和数字内容的新篇章。如何在线体验：阿里云“通义万相”官方解决方案直接快速一键部署&体验：直接部署&体验技术架构核心：ECS云服务器驱动
  • Blazor Web App 项目模板（ .NET 9.0 ）身份验证 Account 使用备忘03：获取登录用户信息 cqths Blazor#BlazorWebAppwebapp.netc#bootstrap
    一、通过SignInManager获取@injectSignInManagerSignInManager......varuser=SignInManager.Context.User;二、通过authenticationState获取注：在Program.cs中默认添加了服务builder.Services.AddCascadingAuthenticationState();[Cascading
  • 理解WPF中的布局 会敲键盘的肘子 .Net实用方法总结wpf.net
    一、理解WPF中的布局在WPF问世之前，Windows开发人员使用刻板的基于坐标的布局将控件放到正确位置。在WPF中，这种方式虽然可行，但已经极少使用。大多数应用程序将使用类似于Web的流(flow)布局；在使用流布局模型时，控件可以扩大，并将其他控件挤到其他位置，开发人员能创建与显示分辨率和窗口大小无关的、在不同的显示器上正确缩放的用户界面；当窗口内容发生变化时，界面可调整自身，并且可以自如地处
  • GitHub Actions 使用需谨慎：深度剖析其痛点与替代方案 敖行客 Allthinker github
    在持续集成与持续部署（CI/CD）领域，GitHubActions曾是众多开发者的热门选择，但如今，其弊端逐渐显现，让不少人在使用前不得不深思熟虑。团队由大约15名工程师组成，采用基于主干的开发方式，每天多次向主分支推送代码。团队代码存储在按模块划分的单一代码库（monorepo）中，结构如下：monorepo/├─api1/├─api2/├─web-app1/├─web-app2/每个文件夹都相
  • Vue全家桶 - 电商后台管理系统项目开发实录（详） ←か淡定☆ ヾ 前端vue.jsjavascripthtml5node.jscss3
    目录1.项目概述1.1电商项目基本业务概述1.2电商后台管理系统的功能1.3电商后台管理系统的开发模式（前、后端分离）2.项目初始化2.1前端项目初始化步骤码云相关操作2.2后台项目的环境安装配置3.登录/退出功能3.1登录概述3.2登录-token原理分析3.3实现登录功能3.4实现退出功能处理ESLint警告4.主页布局4.1后台首页基本布局4.2顶部布局，侧边栏布局4.2.1.顶部布局4.2
  • 【Python百日进阶-Web开发-Feffery】Day604 - 趣味dash_04：Excel转Pdf文件 岳涛@泰山医院 Dashpythonexcel前端dash
    文章目录一、环境准备1.1初始化基础`Python+Dash`环境1.2本例中使用的第三方包二、本项目B站视频讲解三、页面效果四、项目源码一、环境准备1.1初始化基础Python+Dash环境CSDN文档参见：https://blog.csdn.net/yuetaope/article/details/129795264Bilibili视频参见：https://www.bilibili.com/v
  • selenium框架 你们的好朋友大强 测试开发python功能测试selenium
    selenium（仅作为个人笔记，如有雷同，请联系删除。。）1、Selenium的特点：开源、免费，多浏览器支持，多平台支持，多语言支持，对Web页面有良好的支持，API简单，灵活(用开发语言驱动)，支持分布式测试用例执行。2、Windows下的测试环境搭建：安装Python；安装setuptools与pip（注：Python3不支持setuptools，但已经集成了pip）安装Selenium：
  • vue项目开发总结——任务悬赏平台（前端） boboj1 项目总结Vuevue.jselementui前端框架前端tailwindcss
    项目简介：该项目实习中的第一个项目，该项目分为用户端、企业端、后台管理端。用户可以在任务大厅接受任务，每完成任务都会获得响应的报酬，用户只能接受一个任务，该任务完成后才能继续下一个任务。任务进行期间，该任务可以被企业取消，若企业取消用户正在完成的任务，则返回5%的奖励给用户。企业可以发布任务，发布任务之前需要上传企业认证凭证给后台管理端，后台管理员审核通过之后企业才可发布任务，企业可以对用户已完成
  • python+Selenium自动化之免登录(cookie及token) 觅远 pythonselenium自动化
    目录cookie免登录通过接口获取cookie启用浏览器绕过登录添加token使用登录可以减去每次登录的重复操作，直接操作系统登录后的菜单页面，也可以减少安全验证登录，如图像验证登录的操作。注意：cookie和token都有有效期。cookie免登录直接从开发者工具中获取cookie进行添加，下图为网页中多个站点的cookie，挑选需要的进行添加即可。fromseleniumimportwebdr
  • React 路由导航与传参详解 疯狂小料 react.js前端前端框架
    随着单页面应用（SPA）已经成为主流。React作为最流行的前端框架之一，提供了强大的路由管理工具react-router-dom，帮助开发者轻松实现页面导航和传参。本文将详细介绍如何使用react-router-dom构建路由导航、传参以及嵌套路由的实现。1.构建路由导航1.1创建路由实例在React项目中，通常会在src目录下创建一个router文件夹来管理路由。我们可以使用react-rou
  • Exa CEO惊人预测：前端工程师三年内消失？数学家700天后失业？AI代码生成器时代来临！ 前端
    Exa公司CEO威廉·布里克近日做出了一个惊人的预测：前端工程师将在三年内消失，而数学家则只有700天的时间！这个预测的背后，是英伟达千万美元投资以及对AI技术突破的深刻观察。那么，这个大胆的预测究竟有多少可信度呢？AI代码生成器等工具的兴起，又将如何重塑前端开发和数学领域？让我们深入探讨。AI对前端开发的颠覆性影响布里克的预测并非空穴来风。近年来，AI在代码生成领域的进步日新月异。例如，Scri
  • 如何使用 Emmet 快捷方式提高开发效率 木觞清 javascripthtml5css3
    前端开发是一个高度依赖效率的领域，开发者们常常需要处理大量的HTML和CSS代码。为了解决重复工作和提高开发效率，Emmet快捷方式应运而生。Emmet作为一款强大的前端工具，能够通过简化的快捷命令快速生成HTML和CSS结构，极大地提升了开发者的编码速度。本文将介绍如何在日常开发中使用Emmet，帮助你节省宝贵的时间。什么是Emmet快捷方式？Emmet是一款广泛应用于前端开发的插件，它通过一系
  • spring webflux 蓝天星空 编程spring
    SpringWebFlux是Spring框架中用于构建响应式（reactive）Web应用的模块。它基于反应式编程模型，旨在提供一种非阻塞、事件驱动的编程方式，以应对高并发和低延迟的需求。以下是SpringWebFlux的主要特点和组成部分：###主要特点1.**非阻塞和异步**：-SpringWebFlux使用非阻塞的I/O操作，能够在高并发情况下保持高性能。-支持异步编程模型，使得应用程序能够
  • web端广告飘窗 努力搬砖的程序媛儿 前端javascripthtml
    漂浮广告varx=50,y=60varxin=true,yin=truevarstep=1vardelay=10varobj=document.getElementById("codefans_net")functionfloat(){varL=T=0varR=document.body.clientWidth-obj.offsetWidthvarB=document.body.clientHei
  • 数据不出境的SSL证书有吗？ Gworg ssl网络协议网络
    在中国没有数据不出境的SSL证书，原因是世界上所有可信的SSL证书必须经过Webtrust认证和CA/B组织，没有经过认证和参加组织的CA属于不可信SSL证书或自签名SSL证书。相比能看到这篇文章的肯定被人忽悠得不轻或者就是政策解读错了，国产SSL证书再次说一下除了CFCA就没有了，所以数据不出境的SSL证书除了CFCA，目前还没有一家机构可以做到，除非你选择的是国密算法SSL证书，但国密算法SS
  • 2025年SSL证书申请攻略 Gworg sslhttps网络协议
    都知道SSL是一种加密技术，可在Web服务器和Internet浏览器之间建立加密连接。此外，SSL证书可验证网站的身份并启用加密连接。在地址栏中，如果您看到挂锁图标，则表示SSL保护了您正在访问的网站。那么2025年应该怎么申请SSL证书才可以闭坑？想必大家都了解过，SSL证书不像别的东西可以替代，原因是这种SSL证书要被浏览器信任可不简单，首先公司成立的早，另外就是根证书早早的就加到了某年发布的
  • SSL证书申请终极指南 Gworg sslhttps网络协议
    SSL验证是确认网站或服务器提供的SSL证书的真实性和有效性的过程。SSL证书验证是确认网站或服务器提供的SSL证书的真实性和有效性的过程。SSL证书是用于在客户端（例如Web浏览器）和服务器之间建立安全连接的数字证书。它们对于确保通过互联网传输的数据的机密性、完整性和真实性至关重要。在SSL证书验证过程中，客户端会检查证书的数字签名，以确保该证书是由受信任的证书颁发机构(CA)颁发的。客户端还会
  • 简单步骤获取IP地址SSL 证书 Gworg 安全phpweb安全
    在网络安全中，SSL证书在保护用户浏览器和Web服务器之间交换的敏感信息方面发挥着至关重要的作用。但是，如果您不仅想保护域名，还想保护特定的IP地址，该怎么办？您可以为IP地址获取SSL证书吗？简短的回答是肯定的，但有一些重要的细节需要考虑。在这篇博文中，我们将探讨有关IP地址SSL证书的所有信息，包括如何获取证书、有哪些不同类型的证书以及它们提供的好处。IP地址和SSL证书：了解连接在深入研究I
  • 使用Spring Actuator + Micrometer + Prometheus + Grafana监控Spring Boot应用程序 帅过驴的袋鼠 javadocker
    前言读取本文需要的知识：Java,Docker基本命令当某个应用在生产环境中运行时,监控其运行状态是必要的和明智的。通过实时了解应用程序的运行状况,你能在问题出现之前得到警告,也可以在客户端注意到问题之前解决问题。最终的效果图模块简单介绍SpringActuator:在应用程序离提供众多Web接口,通过它们了解应用运行时的内部状况。Micrometer:为Java平台上的性能数据收集提供了一个通用
  • uniapp或小程序使用jsencrypt 钢铁熊猫33 小程序前端uniapp小程序jsencryptrsa
    uniapp或小程序使用报错jsencrypt.js使用了window对象，app、小程序中没有窗口对象的环境解决办法在jsencrypt.js文件插入以下代码varnavigator2={appName:'Netscape',userAgent:'Mozilla/5.0(iPhone;CPUiPhoneOS9_1likeMacOSX)AppleWebKit/601.1.46(KHTML,like
  • 【AI日志分析】基于机器学习的异常检测：告别传统规则的智能进阶 网罗开发 AI大模型人工智能机器学习
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
  • webrtc 源码阅读 make_ref_counted模板函数用法 wu_qz webrtc笔记
    目录1.模板参数解析1.1typenameT1.2typename...Args1.3typenamestd::enable_if::value,T>::type*=nullptr2.scoped_refptr3.newRefCountedObject(std::forward(args)...);4.综合说明5.在webrtc中的用法5.1peerConnectionFactory对象的构建过程
  • java线程的无限循环和退出 3213213333332132 java
    最近想写一个游戏，然后碰到有关线程的问题，网上查了好多资料都没满足。 突然想起了前段时间看的有关线程的视频，于是信手拈来写了一个线程的代码片段。 希望帮助刚学java线程的童鞋 package thread; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date
  • tomcat 容器 BlueSkator tomcatWebservlet
    Tomcat的组成部分 1、server A Server element represents the entire Catalina servlet container. (Singleton) 2、service service包括多个connector以及一个engine，其职责为处理由connector获得的客户请求。   3、connector 一个connector
  • php递归,静态变量,匿名函数使用 dcj3sjt126com PHP递归函数匿名函数静态变量引用传参
      <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Current To-Do List</title> </head> <body>
  • 属性颜色字体变化 周华华 JavaScript
    function changSize(className){ var diva=byId("fot") diva.className=className; } </script> <style type="text/css"> .max{ background: #900; color:#039;
  • 将properties内容放置到map中 g21121 properties
    代码比较简单： private static Map<Object, Object> map; private static Properties p; static { //读取properties文件 InputStream is = XXX.class.getClassLoader().getResourceAsStream("xxx.properti
  • [简单]拼接字符串 53873039oycg 字符串
             工作中遇到需要从Map里面取值拼接字符串的情况，自己写了个，不是很好，欢迎提出更优雅的写法，代码如下：           import java.util.HashMap; import java.uti
  • Struts2学习 云端月影
    最近开始关注struts2的新特性，从这个版本开始，Struts开始使用convention-plugin代替codebehind-plugin来实现struts的零配置。 配置文件精简了，的确是简便了开发过程，但是，我们熟悉的配置突然disappear了，真是一下很不适应。跟着潮流走吧，看看该怎样来搞定convention-plugin。 使用Convention插件，你需要将其JAR文件放
  • Java新手入门的30个基本概念二 aijuans java新手java 入门
    基本概念:　　1.OOP中唯一关系的是对象的接口是什么,就像计算机的销售商她不管电源内部结构是怎样的,他只关系能否给你提供电就行了,也就是只要知道can or not而不是how and why.所有的程序是由一定的属性和行为对象组成的,不同的对象的访问通过函数调用来完成,对象间所有的交流都是通过方法调用,通过对封装对象数据,很大限度上提高复用率。　　2.OOP中最重要的思想是类,类是模板是蓝图,
  • jedis 简单使用 antlove javarediscachecommandjedis
    jedis.RedisOperationCollection.java package jedis; import org.apache.log4j.Logger; import redis.clients.jedis.Jedis; import java.util.List; import java.util.Map; import java.util.Set; pub
  • PL/SQL的函数和包体的基础 百合不是茶 PL/SQL编程函数包体显示包的具体数据包
    由于明天举要上课,所以刚刚将代码敲了一遍PL/SQL的函数和包体的实现(单例模式过几天好好的总结下再发出来);以便明天能更好的学习PL/SQL的循环,今天太累了,所以早点睡觉,明天继续PL/SQL总有一天我会将你永远的记载在心里,,,   函数; 函数:PL/SQL中的函数相当于java中的方法;函数有返回值 定义函数的 --输入姓名找到该姓名的年薪 create or re
  • Mockito(二)--实例篇 bijian1013 持续集成mockito单元测试
            学习了基本知识后，就可以实战了，Mockito的实际使用还是比较麻烦的。因为在实际使用中，最常遇到的就是需要模拟第三方类库的行为。         比如现在有一个类FTPFileTransfer，实现了向FTP传输文件的功能。这个类中使用了a
  • 精通Oracle10编程SQL(7)编写控制结构 bijian1013 oracle数据库plsql
    /* *编写控制结构 */ --条件分支语句 --简单条件判断 DECLARE v_sal NUMBER(6,2); BEGIN select sal into v_sal from emp where lower(ename)=lower('&name'); if v_sal<2000 then update emp set
  • 【Log4j二】Log4j属性文件配置详解 bit1129 log4j
    如下是一个log4j.properties的配置   log4j.rootCategory=INFO, stdout , R log4j.appender.stdout=org.apache.log4j.ConsoleAppender log4j.appender.stdout.layout=org.apache.log4j.PatternLayout log4j.appe
  • java集合排序笔记 白糖_ java
    public class CollectionDemo implements Serializable,Comparable<CollectionDemo>{ private static final long serialVersionUID = -2958090810811192128L; private int id; private String nam
  • java导致linux负载过高的定位方法 ronin47
    定位java进程ID 可以使用top或ps -ef |grep java ![图片描述][1] 根据进程ID找到最消耗资源的java pid 比如第一步找到的进程ID为5431 执行 top -p 5431 -H ![图片描述][2] 打印java栈信息 $ jstack -l 5431 > 5431.log 在栈信息中定位具体问题 将消耗资源的Java PID转
  • 给定能随机生成整数1到5的函数，写出能随机生成整数1到7的函数 bylijinnan 函数
    import java.util.ArrayList; import java.util.List; import java.util.Random; public class RandNFromRand5 { /** 题目：给定能随机生成整数1到5的函数，写出能随机生成整数1到7的函数。 解法1： f(k) = (x0-1)*5^0+(x1-
  • PL/SQL Developer保存布局 Kai_Ge
          近日由于项目需要，数据库从DB2迁移到ORCAL，因此数据库连接客户端选择了PL/SQL Developer。由于软件运用不熟悉，造成了很多麻烦，最主要的就是进入后，左边列表有很多选项，自己删除了一些选项卡，布局很满意了，下次进入后又恢复了以前的布局，很是苦恼。在众多PL/SQL Developer使用技巧中找到如下这段：   &n
  • [未来战士计划]超能查派[剧透,慎入] comsci 计划
           非常好看,超能查派,这部电影......为我们这些热爱人工智能的工程技术人员提供一些参考意见和思想........        虽然电影里面的人物形象不是非常的可爱....但是非常的贴近现实生活....    &nbs
  • Google Map API V2 dai_lm google map
    以后如果要开发包含google map的程序就更麻烦咯 http://www.cnblogs.com/mengdd/archive/2013/01/01/2841390.html 找到篇不错的文章，大家可以参考一下 http://blog.sina.com.cn/s/blog_c2839d410101jahv.html 1. 创建Android工程 由于v2的key需要G
  • java数据计算层的几种解决方法2 datamachine javasql集算器
    2、SQL     SQL/SP/JDBC在这里属于一类，这是老牌的数据计算层，性能和灵活性是它的优势。但随着新情况的不断出现，单纯用SQL已经难以满足需求，比如： JAVA开发规模的扩大，数据量的剧增，复杂计算问题的涌现。虽然SQL得高分的指标不多，但都是权重最高的。     成熟度：5星。最成熟的。   
  • Linux下Telnet的安装与运行 dcj3sjt126com linuxtelnet
    Linux下Telnet的安装与运行   linux默认是使用SSH服务的 而不安装telnet服务  如果要使用telnet 就必须先安装相应的软件包  即使安装了软件包 默认的设置telnet 服务也是不运行的 需要手工进行设置 如果是redhat9，则在第三张光盘中找到 telnet-server-0.17-25.i386.rpm
  • PHP中钩子函数的实现与认识 dcj3sjt126com PHP
    假如有这么一段程序： function fun(){ fun1(); fun2(); }   首先程序执行完fun1()之后执行fun2()然后fun()结束。   但是，假如我们想对函数做一些变化。比如说，fun是一个解析函数，我们希望后期可以提供丰富的解析函数，而究竟用哪个函数解析，我们希望在配置文件中配置。这个时候就可以发挥钩子的力量了。   我们可以在fu
  • EOS中的WorkSpace密码修改 蕃薯耀 修改WorkSpace密码
    EOS中BPS的WorkSpace密码修改 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 201
  • SpringMVC4零配置--SpringSecurity相关配置【SpringSecurityConfig】 hanqunfeng SpringSecurity
     SpringSecurity的配置相对来说有些复杂，如果是完整的bean配置，则需要配置大量的bean，所以xml配置时使用了命名空间来简化配置，同样，spring为我们提供了一个抽象类WebSecurityConfigurerAdapter和一个注解@EnableWebMvcSecurity，达到同样减少bean配置的目的，如下：   applicationContex
  • ie 9 kendo ui中ajax跨域的问题 jackyrong AJAX跨域
    这两天遇到个问题，kendo ui的datagrid，根据json去读取数据，然后前端通过kendo ui的datagrid去渲染，但很奇怪的是，在ie 10,ie 11,chrome,firefox等浏览器中，同样的程序， 浏览起来是没问题的，但把应用放到公网上的一台服务器， 却发现如下情况： 1） ie 9下，不能出现任何数据，但用IE 9浏览器浏览本机的应用，却没任何问题
  • 不要让别人笑你不能成为程序员 lampcy 编程程序员
    在经历六个月的编程集训之后，我刚刚完成了我的第一次一对一的编码评估。但是事情并没有如我所想的那般顺利。 说实话，我感觉我的脑细胞像被轰炸过一样。 手慢慢地离开键盘，心里很压抑。不禁默默祈祷：一切都会进展顺利的，对吧？至少有些地方我的回答应该是没有遗漏的，是不是？ 难道我选择编程真的是一个巨大的错误吗——我真的永远也成不了程序员吗？ 我需要一点点安慰。在自我怀疑，不安全感和脆弱等等像龙卷风一
  • 马皇后的贤德 nannan408
       马皇后不怕朱元璋的坏脾气，并敢理直气壮地吹耳边风。众所周知，朱元璋不喜欢女人干政，他认为“后妃虽母仪天下，然不可使干政事”，因为“宠之太过，则骄恣犯分，上下失序”，因此还特地命人纂述《女诫》，以示警诫。但马皇后是个例外。 　　有一次，马皇后问朱元璋道：“如今天下老百姓安居乐业了吗？”朱元璋不高兴地回答：“这不是你应该问的。”马皇后振振有词地回敬道：“陛下是天下之父，
  • 选择某个属性值最大的那条记录（不仅仅包含指定属性，而是想要什么属性都可以） Rainbow702 sqlgroup by最大值max最大的那条记录
    好久好久不写SQL了，技能退化严重啊！！！   直入主题： 比如我有一张表，file_info， 它有两个属性（但实际不只，我这里只是作说明用）： file_code, file_version 同一个code可能对应多个version 现在，我想针对每一个code，取得它相关的记录中，version 值 最大的那条记录， SQL如下： select *
  • VBScript脚本语言 tntxia VBScript
      VBScript 是基于VB的脚本语言。主要用于Asp和Excel的编程。   VB家族语言简介   Visual Basic 6.0           源于BASIC语言。           由微软公司开发的包含协助开发环境的事
  • java中枚举类型的使用 xiao1zhao2 javaenum枚举1.5新特性
    枚举类型是j2se在1.5引入的新的类型,通过关键字enum来定义,常用来存储一些常量.   1.定义一个简单的枚举类型 public enum Sex { MAN, WOMAN }   枚举类型本质是类,编译此段代码会生成.class文件.通过Sex.MAN来访问Sex中的成员,其返回值是Sex类型.   2.常用方法 静态的values()方