草庐IT

css-content

全部标签

javascript - 检测js/css文件加载失败

在我们的SAAS网络应用程序中,我们使用了一大堆js和css文件(总共大约80个),并且一些文件,尤其是其他依赖于jQuery的文件,必须在我们的应用程序正常运行之前加载。在理想的网络环境中,这不会造成任何问题,因为每次都会加载所有资源。但是在生产环境中,我们发现在网络不佳的情况下,部分js/css文件加载不正常的情况并不少见。发生这种情况时,浏览器会在控制台中记录js/css加载超时错误,应用程序似乎正在运行。然后,当应用程序尝试调用加载失败的js文件中定义的某些函数时,会抛出一些未定义的异常并记录在控制台中,并且应用程序停止运行,这在大多数情况下会让用户感到困惑。请注意,我不是在谈

javascript - Chrome 扩展 : Checking if content script has been injected or not

我正在开发Chrome扩展程序。我没有使用manifest.json来匹配所有URL的内容脚本,而是在用户单击扩展图标时通过调用chrome.tabs.executeScript懒惰地注入(inject)内容脚本。我正在尝试避免多次执行脚本。所以我的内容脚本中有以下代码:if(!window.ALREADY_INJECTED_FLAG){window.ALREADY_INJECTED_FLAG=trueinit()//问题#1,每次点击扩展图标时,这是否足够安全以天真地调用chrome.tabs.executeScript?换句话说,这是幂等的吗?问题#2,chrome.tabs.in

javascript - 类型错误 : [API] is undefined in content script or Why can't I do this in a content script?

我试图在Firefox中编写一个简单的扩展,其中我修改了X-Frame-Allowheader。我简要地查看了文档,发现它们支持webRequest.onHeadersReceived.addListener()。但是,我无法在收到header时运行我的代码。list.json{"manifest_version":2,"name":"xframeoptions","version":"1.0","description":"SetX-Frame-OptionstoALLOW","icons":{"48":"icons/icon.png"},"permissions":["webReq

javascript - CSS可变宽度元素填充空间

在表单中,我希望输入:文本在表单标签左右对齐后填充剩余空间。标签有很多字符,所以我无法在标签上设置固定宽度。代码示例:UserInfoFirstName:LastName:CompletedEmailAddress:如何设置输入样式以填充文本后的剩余空间。谢谢。 最佳答案 .grid{width:100%;display:table;table-layout:auto;}.row{display:table-row;}label.cell{white-space:nowrap;display:table-cell;}span.cel

javascript - 如何将 jQuery 的 .css() 与可变属性名称一起使用?

而不是写:$('div').css({'backgroundColor':'red'});我想写这样的东西:$('div').css({get_property_name():'red'});哪里get_property_name()将返回"backgroundColor","color","border-top-color",或任何其他属性(property)。我有什么选择才能让它发挥作用? 最佳答案 The.css()method也可以称为.css(propertyName,value)。$('div').css(get_pro

javascript - 使用 Javascript 设置 CSS 位置

如何使用JS设置relative50%50%位置?我试过:document.getElementById("id").style.position="relative50%50%";但是好像不行... 最佳答案 您必须单独设置它们。我创建了一个指向style对象的变量,因为我们要修改多个属性并且因为with(){...}是consideredharmful.此外,我将50%设置为两个属性,因为从右到左分配,并且因为将此字符串分配给两个属性不是问题(确保您了解这是如何工作的,例如vara=b=[]会将a和b设置为sameArray对象

javascript - 为什么 Google 使用内联 JavaScript 和 CSS?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。我在查看谷歌网页源代码时只能看到内联CSS和JS。我没有看到包含任何CSS文件或JS文件。它们如何包含jquery、插件等?(或)Google使用Jquery吗?

javascript - react Prop : Using an HTML entity within JSX dynamic content?

我有一个Reactcomponent,我想为其属性分配一个包含JavaScript变量和HTML实体的字符串。我尝试过的一些方法导致HTML实体被转义。例如,–逐字呈现为“–”而不是“–”。有没有办法让HTML实体在分配给ReactProp的JSX动态内容block中呈现非转义?尝试次数尝试使用templateliteral:...问题:在呈现的输出中,–按字面意思呈现为“–”而不是“–”。尝试构建一些不带引号的简单JSX:问题:这在编译时因语法错误而失败。尝试通过将JSX包装在中来解决语法错误元素:{name}–{descr

javascript - 加载外部 CSS 和 JavaScript 文件的顺序

我有一个加载许多css和javascript文件的第三方应用程序,我现在想通过将所有javascripts连接到一个文件中来优化它,由yuicompressor压缩,但是......当我们有这样的组合:这里中间有一个css重要吗?我应该连接并压缩4个javascript并在CSS之前或之后加载它们吗? 最佳答案 查看Yahoo'sBestPracticesforSpeedingUpYourWebSite,他们建议首先加载您的css(最好在标题中),最后加载您的js(在正文中的所有内容之后)。Google'sbestpractices

javascript - CSS 从左到右淡入淡出

有没有办法只使用CSS使元素(至少只是文本)从左到右淡入淡出,反之亦然?这是我的意思的一个例子:实际上,如果它需要jQuery,我也会接受它,只是作为第二优先级。 最佳答案 是的,您可以使用CSS3动画(checkbrowsersupporthere)。这是一个简单的demofortext-fading.HTML:.text{position:relative;line-height:2em;overflow:hidden;}.fadingEffect{position:absolute;top:0;bottom:0;right:0