开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

有没有办法让浏览器无法选择img标签？

有办法让浏览器无法选择img标签。可以使用CSS样式来实现这个效果。以下是一个简单的示例：

<!DOCTYPE html>
<html>
<head><style>
img {
  pointer-events: none;
}
</style>
</head>
<body>

<img src="image.jpg" alt="Image" />

</body>
</html>

在这个示例中，我们使用了CSS样式pointer-events: none;来禁用img标签的鼠标事件，从而使浏览器无法选择img标签。这样，用户将无法右键点击图片或者拖拽图片。

相关搜索:有没有办法让greasemonkey或tampermonkey重启浏览器？有没有办法在Android中自动打开浏览器标签？有没有办法改变robot中浏览器标签的焦点？有没有办法从浏览器中选择输出视频设备？有没有办法在amp-img标签中保留原始图像的纵横比？有没有办法在QML TextEdit的selectedText属性中用替代文本替换<img>标签？有没有办法让bash脚本在选择案例后重新运行？有没有办法让PHP实时将数据打印到Web浏览器？有没有办法让文件流下载到Blazor中的浏览器？有没有办法让浏览器在从srcset中选择图片时考虑到实际的元素宽度？有没有办法链接到浏览器的“新标签”页面(比如Chrome)？有没有办法让Django的USStateField()没有预先选择的值？有没有办法让用户定义的字段进入选择器？有没有办法让Google Sheets每天默认使用不同的标签页？有没有办法让JavaScript记住数组的哪个部分是随机选择的？有没有办法让标签栏固定在顶部，而工具栏滚动离开？有没有办法让屏幕阅读器同时读出标签和元素的内容？有没有办法配置高图表Y轴标签让它看起来更大？有没有办法在HTML页面上使文本无法选择？有没有办法让我的代码在没有标签标签的情况下也能正常工作？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

html css编码规范

有人建议编码规范这种东西应该落实到ESlint这类工具上去，而不是停留在文档层面。

01

我不知道你知不知道但前端NEXT知道的伪元素小技巧

伪元素伪元素能做什么？我们要他有何用？它能为我们解决什么问题？和其他的方法相比她有什么有点？我们为什么要使用它？伪元素和伪类一样，添加到选择器，但是不是描述状态，他允许我们为元素某些部分设置样式；

07

实验：用Unity抓取指定url网页中的所有图片并下载保存

突发奇想，觉得有时保存网页上的资源非常麻烦，有没有办法输入一个网址就批量抓取对应资源的办法呢。

03

疯了吧！面试官 5 连问一个 TCP 连接可以发多少个 HTTP 请求？

相信大多数准备过的同学都能回答出来，但是如果继续问：收到的 HTML 如果包含几十个图片标签，这些图片是以什么方式、什么顺序、建立了多少连接、使用什么协议被下载下来的呢？

05

我不知道你知不知道我知道的伪元素小技巧

伪元素能做什么？我们要他有何用？它能为我们解决什么问题？和其他的方法相比她有什么有点？我们为什么要使用它？

02

第23篇：XSS绕过防护盲打某SRC官网后台

已经N年没挖SRC了，前几年曾有一段时间对XSS漏洞挖掘特别热衷，像反射型XSS、存储型XSS、DOM型XSS等挖得很上瘾，记下了很多笔记。遗憾的是多数平台都不愿意接收XSS漏洞，哪怕是存储型XSS漏洞给的评分都很低，因为XSS不能造成直接危害，利用起来有困难。所以当时花费了2天的时间，绕过各种防护及过滤，盲打到了一个SRC电商官网的后台。正好公众号文章写到现在，也缺少一篇讲解XSS漏洞的文章，这次就分享这个XSS拿权限的实战案例吧。

03

Web端高分屏图片加载方案

随着显示器的快速发展，越来越多的用户更换了高分屏，我们作为Web开发者，网站内的图片尺寸都是适配普通屏幕的，如果在高分屏上图片将会变得模糊不清。

02

深入解析CSS样式优先级

作为前端多多少少都会对CSS样式的权重有一定的了解。最常用的方法就是对不同的选择器分配不同的权重比，常见的就是

01

元素定位和定位辅助工具

selenium里面有很多东西，第一个就是webdriver，web自动化中主流用的东西，它可以支持非常多的语言。它有个录制工具是selenium ide，短期内一周内有个效果可以用录制，录制是非常简单的。但是正经做项目的时候，是从来不用selenium ide的。

01

Python爬虫---爬取腾讯动漫全站漫画

首先我们打开腾讯动漫首页，分析要抓取的目标漫画。找到腾讯动漫的漫画目录页，简单看了一下目录，发现全站的漫画数量超过了三千部（感觉就是爬下来也会把内存撑爆）

03

Google Chrome谷歌/火狐/Safari浏览器开发者工具基本使用教程

在阅读下面内容之前，那么些简单的了解浏览器开发者工具到底是什么东西，到底有什么用途。

02

手把手教你前端本地文件操作与上传

前端无法像原生APP一样直接操作本地文件，否则的话打开个网页就能把用户电脑上的文件偷光了，所以需要通过用户触发，用户可通过以下三种方式操作触发：通过input type=”file” 选择本地文件通过拖拽的方式把文件拖过来在编辑框里面复制粘贴第一种是最常用的手段，通常还会自定义一个按钮，然后盖在它上面，因为type=”file”的input不好改变样式。如下代码写一个选择控件，并放在form里面：然后就可以用FormData获取整个表单的内容： $("#file-input").on("chang

给用户一个否减弱动画效果的选择[每日前端夜话0x8B]

你有没有看到过这样一种简洁的技术【http://bradfrost.com/blog/post/reducing-motion-with-the-picture-element/】，它基于 prefers-reduced-motion 媒体查询，将 <source media=""> 用于 <picture> 元素来提供动图（或不提供动图）？

05

前端面经（1）

input新增了一些属性：color-调色板、tel-电话、number-数字、date-年月日

02

前端本地文件操作与上传

前端无法像原生APP一样直接操作本地文件，否则的话打开个网页就能把用户电脑上的文件偷光了，所以需要通过用户触发，用户可通过以下三种方式操作触发：

02

动态转换图片格式为webp

webp是谷歌推出的一种图像格式，它可以在保持同样质量的情况下，体积比JPG少40%，可以很大程度的节省带宽使用，提升网站的加载速度。

04

[ Security ] WEB安全(一)之图解XSS注入

xxs 攻击英文全称是 Croess SiteScripting ，意思就是跨站脚本攻击。是一种网站应用程序的安全漏洞攻击。是脚本代码注入的一种。其核心的攻击原理就是注入有攻击行为的脚本代码，通过浏览器的执行从而完成攻击行为。

09

xss.tv闯关小记

前一阵子准备xss的分享。准备一些简单的讲解例子。刚好看到xss.tv上一些demo不错，可以玩玩，简单小记一下。

02

【专业领域】你所不知道的html5与html中的那些事（五）——web图像

文章简介：现在的页面，一般都离不开图像，而怎么做才能让我们的页面中的图像加载的又快又好呢？在优化页面速度的时候还有什么事是你所不知道的呢？下面看看今天我为大家带来了哪些关于web图像的你所平时不一定关心的事与一些有建设性的建议吧： 1)关于web页面中的图像你需要关注的关键点有那些？ 2)web页面中图像的格式选择需要注意什么？ 3)标签的用法细节小结第一个问题关于web页面中的图像你需要关注的关键点有那些？示例图像示例图中的图片一样，平时我们写页

07

HTML5项目开发备忘录

HTML5学堂：良好的项目开发，从缜密的分析与计划开始，充分的项目开发准备能够让之后的问题降低到最少，让我们的整体开发效率提升不少。精心准备了关于项目开发的相关备忘，分享给大家啦~！刘国利 - 独行冰海：从9月份开始送5班毕业开始，到现在，应该说两个月的时间，基本就没有闲下来，十一之后也仅仅就“喘息”了一天，未来的一个月貌似也是完全无休的状态，谁让赶上六班七班毕业还有八班的课呢？于是乎，官网文章的更新就断了很久~昨天（2015.10.29）称了称体重，竟然又瘦了5斤……心塞啊…… 写这篇文章，主要是两方面

05

Chrome 自动化交互利器：用 tampermonkey 向页面注入自定义 Javascript

1、背景经常会遇到类似下面的这种网站，查个信息得填一堆信息，奇葩的是文本框也不让复制粘贴，而且浏览器还不自动保存，这样每次查询或者超时退出都得重新手动填写一遍。有没有办法能简化这个过程呢？办法当

07

Web程序员们，你准备好迎接HTML5了吗？

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.

02

上传图片后如何不依赖后端回显？你可能需要indexedDB存储技术

大家好，我是前端队长Daotin，想要获取更多前端精彩内容，关注我，解锁前端成长新姿势。

02

网页设计中另人头疼的浏览器兼容问题

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.

02

最全的CSS浏览器兼容整理

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且 DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.

03

面试官：CSS如何实现固定宽高比？

对于这个问题，你可能还没有过相关需求，或者还没有在面试的时候被问到过，但是歪马相信你终将有需要。

05

一个爬虫的故事：这是人干的事儿？

说起来还要感谢HTTP协议，因为它，全世界的网站和浏览器才能够连接通信，而我也是借助HTTP协议，获取我想要的数据。

03

仅用六个字符来完成Hello World，你能做到吗？

Hello World 对于每一个开发者来说都不陌生，因为在我们学习任何一个语言或框架的时候，都会有一个Hello World的案例来帮助我们快速入门。

01

如何理解jsonp的原理

这是因为浏览器基于同源策略，在同源策略下浏览器不允许AjAX跨域获取服务器数据同源策略是浏览器的安全策略，指的是请求URL地址中的协议，域名和端口都与当前发送请求的页面相同，只要一处不同就是跨域请求。

02

优化网页链接结构a标签嵌套a标签的问题以及解决方案

最近收到不少网友反馈想要在摘要里假如文章页的链接，第一印象就是很简单啊，加上a标签就好了是不，看起来很简单，实际操作起来更简单，为什么这么说呢，哈~我的模板一般都是摘要列表部分都是显示作用，部分主题集成在a标签之内，后来不知道怎么了，好多主题都没有添加a标签了，但是想要假如却出现了两个a标签，这就可能导致新添加的要么无效，要么样式错乱，比如这个：

01

CSS常见兼容性问题总结

浏览器的兼容性问题，通常是因为不同的浏览器对同一段代码有不同的解析，造成页面显示不统一的情况。

03

Selenium的组成及特点

商品信息：className="p-name" 商品价格：className="p-price"

02

【面试篇】金九银十面试季，这些面试题你都会了吗?

Opera:以前是presto内核，Opera现已改用Google Chrome的Blink内核

03

做一个简单的京东购物栏

通过之前的补充标签和转义字符，我相信大家一定也熟练的掌握了这几个标签的用法和含义，接下来，我们就要学习别的标签了，那么会有人说，之前学的不就是标签了吗，那确实是，但是那是标签中最基础的，换句话来说，要是前面都学不会的话，那这里的就不用看了。

01

图片和视频防盗链简单介绍

一. 防盗链原理 http 协议中，如果从一个网页跳到另一个网页，http 头字段里面会带个 Referer。图片服务器通过检测 Referer 是否来自规定域名，来进行防盗链。设置突破防盗链方法 1. 使用apache文件FileMatch限制，在httpd.conf中增加 ( 其实也可以将把下面的语句存成一个.htaccess文件)，并放到你的网站的根目录（就是www/html目录），这样子别人就没有办法盗连你的东东了~~ SetEnvIfNoCase Referer "^http://kuaisho

07

面试官邪魅一笑：你猜一个 TCP 连接能发多少 HTTP 请求？

一道经典的面试题是从 URL 在浏览器被被输入到页面展现的过程中发生了什么，大多数回答都是说请求响应之后 DOM 怎么被构建，被绘制出来。但是你有没有想过，收到的 HTML 如果包含几十个图片标签，这些图片是以什么方式、什么顺序、建立了多少连接、使用什么协议被下载下来的呢？

03

div+css布局时常见bug总结

综述：虽然说被停止支持，但是不得不说的是，IE6的市场并不会随着支持的停止而立刻消散下去，对于WEB前端开发工程师来说，兼容IE6 兼容各个浏览器，依然是不得不面对的工作。

06

从零开始搭建前端数据监控系统(二)-前端性能监控方案调研

1. 业界案例目前前端性能监控系统大致为分两类：以GA为代表的代码监控和以webpagetest为代表的工具监控。代码监控依托于js代码并部署到需监控的页面，手动计算时间差或者使用浏览器的的API进行数据统计。影响代码监控数据的因素有以下几种：浏览器渲染机制；浏览器对API的实现程度，比如performance API；工具监控不用将统计代码部署到页面中，一般依托于虚拟机。以webpageTest为例，输入需统计的url并且选择运行次url的浏览器版本，webpageTest后台虚拟机对url进

05

【学习图片】12.规定性的语法

<picture>元素本身不会渲染任何内容，而是作为内部元素的决策引擎，告诉它应该渲染什么。<picture>遵循了

02

工作中碰到的js问题（disabled表单元素不能提交到服务器）

今天碰到一个奇葩的问题，asp页面表单提交后，有一个文本框<input type="text" name="phone" id="phone" />在后台获取不了，

02

div+css布局时常见bug总结

本文总结了div+css布局时常见的IE6兼容性问题及解决方法，包括14个常见问题及相应的解决方法。

07

div+css布局时常见bug总结

综述：虽然说被停止支持，但是不得不说的是，IE6的市场并不会随着支持的停止而立刻消散下去，对于WEB前端开发工程师来说，兼容IE6 兼容各个浏览器，依然是不得不面对的工作。

02

HTML和CSS

Opera:以前是presto内核，Opera现已改用Google Chrome的Blink内核

03

web前端技术课程内容详解之语义化标签的理解

在学习HTML阶段的最后，我们会涉及到学习语义化标签，明明用div等标签就可以构成页面，那么为什么还会有语义化标签的存在？语义化标签到底是什么？学好语义化标签又会在哪方面应用？接下来会从上面几个方面说一下我的理解。

02

从零开始学web安全（2）

06

关于一个16px的span为什么占用21px的空间

不知道大家有没有注意到，我们在浏览器中，设置了一个16px的span标签，但实际却占用了21px的高度，比如下图：

03

【CSS】处理兼容性问题 | CSS Hack | IE

（1）IE6双边距bug: 块属性标签添加了浮动float之后，若在浮动方向上也有margin值，则margin值会加倍。这种问题主要就是会把某些元素挤到了第二行。

02

神兵利器推荐——你一定不能错过的chrome插件

最近有朋友问我，有没有什么可以提升效率的chrome插件推荐一下。我看了一下我的插件库，好用的还真不少。既然要推荐给一个人，还不如整理出来，分享给所有需要的人。毕竟，极致利他才能最终利己嘛。

02

从零开始学web安全（2）

上篇文章讲解了xss的一些基础知识，这篇文章继续研究学习。上篇文章提到了一些理论性的东西，看完估计感觉很快也忘了。简单回顾一下，讲了xss分类：存储型XSS，反射型XSS，DOM XSS。讲了几个简单的payload，也只是理论性的东西。这篇先不继续看理论了，先来尝试尝试如何使用payload~ 玩起~~

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭