草庐IT

Security-Active

全部标签

javascript - 为什么 Content-Security-Policy 会强制 Chrome 按顺序加载 Javascript?

我有一个网站,当我添加到index.html的头部。经过一段时间的调试后,我意识到,当存在此元标记时,所有javascript源代码都会按顺序加载。当我删除这个标签时,javascript是并行加载的,所以网站加载速度更快。为了重现这一点,我写了这个小示例html文件:TestHelloWorld这是带有“Content-Security-Policy”元标记的网络时间线:可以看出,资源是按顺序加载的。这是我删除“Content-Security-Policy”标签时的网络时间线。正如预期的那样,Javascript资源在这里是并行加载的,即使是小示例,页面加载速度也快得多。对于这种行

html - 在触摸屏上触发 ":active"伪类

我目前正在开发一个JavaScript应用程序,它将部署在以自助服务终端模式运行Chrome的触摸屏自助服务终端上。我注意到当我用鼠标点击界面上的按钮时,“:active”伪类应用的样式在鼠标按下时是可见的。我的问题是通过触摸屏幕触发的同一个按钮不会触发事件状态。有没有办法让触摸事件的行为与鼠标点击相同? 最佳答案 假设CSS:active伪类不起作用,您可能需要使用DOM事件。“mousedown”和“mouseup”事件是否适用于触摸屏?假设他们这样做,您可以尝试这样的事情:addEventListener("mousedown

javascript - BEM 和 "active"类/解耦 HTML 和 JS

我已经开始使用BEM方法来分离我的HTML和CSS...并且它在大多数情况下都运行良好。即使这只是您的个人意见,我仍然想知道其他人是如何处理这个问题的:假设我们需要构建一个简单的导航。HTML看起来类似于我不确定我是否需要“.nav_item”和“.nav_link”或者使用它是否更好.nav__list>li{CODE}但我真正的问题是如何处理“事件”类(不仅针对导航,而且一般而言)。使用特定的“事件”类如“.nav_item--active”是否更好,这样你就可以在你的CSS文件中使用一个类,或者如果使用更通用的类名如“.is-active”有效更好的?但是你需要在你的CSS文件中

javascript - 如何使按钮在单击后保持 'active'?

我目前正在为我的菜单项使用以下代码:HTMLAboutUsServicesContactUsCSS#About{background-image:url(../Buttons/About.png);width:87px;}#Services{background-image:url(../Buttons/Services.png);width:112px;}#Contact{background-image:url(../Buttons/Contact.png);width:117px;}a.button{height:20px;display:inline-block;backgro

security - 为什么没有 Sec-WebSocket-Key1 的 WebSockets 不安全?

旧的和被取代的WebSocket规范草案75没有指定HTTP请求headerSec-WebSocket-Key1和Sec-WebSocket-Key2。为什么最新草案包括这些内容,以及在提高安全性方面有哪些内容? 最佳答案 这是我能弄清楚的:这些新字段用于防止跨协议(protocol)攻击。假设一些恶意JavaScript正在Web浏览器中运行,试图连接到非HTTP、非WebSocket服务器(例如FTP、telnet、SSH)。在草案75中,握手仅包括客户端发送WebSocket握手header,而服务器什么也不回复。之后,客户端

html - 如何使用 ui-sref-active ="active"设置悬停状态等于 li clearfix 元素的事件状态

我在一行中创建了2个按钮,但在使用我使用的模板正确设置它们的样式时遇到了一些问题。按钮有4种状态,但当客户端处于事件状态时,它会出错。第一种状态是什么都没有发生。第二种状态是+号处于事件状态或处于悬停状态时在第三种状态下,当我将鼠标悬停在客户端上时,我得到以下信息:哪个工作正常。但是当客户端处于事件状态时,我得到的结果与没有任何事件时相同。那么我该怎么做才能使事件状态等于图3中的悬停状态。html是这样的:Clients+我使用app.html作为模板,我有这个:类app.theme.sidebar==#bg-white我添加的css是这样的,它可以在没有模板的情况下工作:.li-bu

html - 如何通过 https 为 css 和 js 修复 "Blocked loading mixed active content"

尝试通过https查看我的站点时,我的Firefox控制台中不断出现“阻止加载混合事件内容”错误。我只为我的css和js文件收到此错误。我之所以这么糊涂是因为页面代码本身对文件的引用是https:但在控制台中,它显示为http:Blockedloadingmixedactivecontent"http://www.example.com/style.css"[LearnMore]我可以在页面上查看源代码并搜索“http://”,但页面上的任何地方都没有结果。有什么想法吗? 最佳答案 我认为你可以尝试使用相对协议(protocol)调

javascript - HTML5 文件 API : Security Error while reading a file

问题已解决,阅读评论HTML5文件API的第三个问题:我仍然在MacOSXSnowLeopard上使用Chrome12,并且我仍在尝试使用HTML5文件API读取文件,但是FileHandler.error()被调用是因为发生了“SECURITY_ERR”。我尝试读取的文件是桌面上的常规.txt文件,但它不能与其他文件一起使用,尽管我可以使用常规应用程序打开它们。functionFileHandler(files,action){console.log('FileHandlercalled.');this.files=files;this.reader=newFileReader();

HTML 禁用按钮获取 :active CSS Pseudo Class

CSS:button:active{/*activecss*/}button:disabled{opacity:0.5;}HTML:Ok当我单击按钮时,浏览器会添加button:active状态,使其看起来像是被单击了(即使它已被禁用)。我发誓我认为:active仅在启用按钮时才添加。我错过了什么? 最佳答案 据我所知,:active不排除:disabled元素。您可以阅读spec如果你愿意的话。要解决您的问题,您可以通过使用:active选择器仅针对:enabled元素来排除:disabled元素:button:enabled:a

javascript - Chrome 扩展 "Refused to load the script because it violates the following Content Security Policy directive"

我正在尝试创建一个Chrome扩展,但我的JS都不起作用。控制台显示此错误:Refusedtoloadthescript'https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js'becauseitviolatesthefollowingContentSecurityPolicydirective:"script-src'self'blob:filesystem:chrome-extension-resource:".为什么它会阻止我的jQuery运行? 最佳答案