草庐IT

content-style

全部标签

javascript - Chrome DevTools 扩展 : how to get selected element from elements panel in content script?

我已经完成研究并为此苦苦挣扎了一段时间,但我需要您的帮助。我正在构建一个ChromeDevTools扩展。它应该将当前从“元素”面板中选择的元素作为引用传递给内容脚本中定义的JS对象。重要的是我将引用传递给所选元素,或通过其他方式从内容脚本中识别元素。我了解ChromeDevTools中“孤立世界”的工作流程。我还了解扩展页面、背景页面和内容脚本之间的消息传递。这只发生在JSON基元上,因此没有JS范围传递。如何将在devtools元素面板中选择的元素传递给位于被检查页面中的内容脚本?编辑这是我目前所知道的:获取对所选元素的引用:chrome.devtools.inspectedWin

javascript - 内联标记 block (@<p>Content</p>) 不能嵌套。只允许一层内联标记

您好,我收到错误消息:Inlinemarkupblocks(@Content)cannotbenested.Onlyonelevelofinlinemarkupisallowed.将KendoUI选项卡条和MultiSelectBoxes与RazorView和MVC4结合使用我已经尝试实现辅助类,但我仍然遇到错误这是我的代码,我是不是漏掉了一步?我将3个多选移出并用助手调用它们!@(Html.Kendo().TabStrip().Name("tabstrip").Items(tabstrip=>{tabstrip.Add().Text("One").Content(@@RenderSe

javascript - Chrome 扩展 : how to pass ArrayBuffer or Blob from content script to the background without losing its type?

我有这个内容脚本,它使用XHR下载一些二进制数据,稍后发送到后台脚本:varself=this;varxhr=newXMLHttpRequest();xhr.open('GET',url);xhr.responseType='arraybuffer';xhr.onload=function(e){if(this.status==200){self.data={data:xhr.response,contentType:xhr.getResponseHeader('Content-Type')};}};xhr.send();...later...sendResponse({data:se

javascript - 如何让 Google Tag Manager 和 Content-Security-Policy 共存?

Content-Security-Policy(CSP)header旨在保护您的应用程序免受网络应用程序中的恶意资源注入(inject)。为简单起见,您为所有图像、脚本、样式等提供允许域来源的白名单。与此同时,营销团队正在使用GoogleTagManager(GTM)管理标签。原理是从页面收集信息,将它们发送到GTM并将这些数据用作变量来生成标签,这是模板化JS/HTML和这些变量的混合。问题是这些标签中的大多数都包含javascript,用于将非常具体的数据发送到跟踪器、广告服务器或任何合作伙伴。假设我的营销团队了解安全风险并且不会包含恶意脚本。有没有办法知道GTM导入了哪些域,以便

javascript - Chrome 扩展 : how to detect that content script is already loaded into a tab?

我的后台脚本中有以下代码:chrome.tabs.onUpdated.addListener(function(tabId,changeinfo,tab){if(changeinfo.status!=='complete')return;if(!matchesUrlFilters(tab.url))return;chrome.tabs.executeScript(tabId,{file:"jquery-1.7.1.min.js"},function(){chrome.tabs.executeScript(tabId,{file:"enhance.js"});});});但是,在某些情况

javascript - Chrome 扩展 : Grab DOM content for parsing

我正在开发一个Chrome扩展程序,它只扫描DOM中的短语。我唯一需要帮助的是用弹出窗口抓取DOM内容,我找不到返回当前选项卡内容的方法。 最佳答案 测试并正常工作:放"permissions":["tabs"],在您的list中。然后,在你的background.js中chrome.extension.onRequest.addListener(function(request,sender,sendResponse){//LOGTHECONTENTSHEREconsole.log(request.content);});chro

javascript - Angular 2 “ng-style” “*ngFor” 内背景颜色变化

我正在尝试使用ng-style应用背景颜色。列表的每一行都是使用ngFor生成的。每个元素都有单独的背景颜色{{item.category}}还有Typescript.ts:varcharacters=[{name:'Gollum',quote:'Sneakylittlehobbitses!',items:[{bgcolor:'fb9667',img:'airTicket',category:'Airtickets'},{bgcolor:'000000',img:'airTicket',category:'Beauty/Fitness'},{bgcolor:'0b9660',img:'

javascript - 使用 ng-style 设置样式后悬停时更改背景颜色

我有一个单词列表,每个单词都分配了一个数字(条纹)。我使用AngularJS的ng-style根据分配给它的数字设置每个单词的背景颜色。html{{item.word}}{{item.streak}}从ng风格调用的javascript。$scope.bgstyle=function(streak){varred=255;vargreen=255-streak;varblue=255-streak;varrgb=blue|(green这可行,但是,我希望当鼠标悬停在一个词上时突出显示背景。我添加了一个类“tHi”,它通常会在悬停时更改背景,但它被添加的样式覆盖了。这是一个jsfiddl

javascript - gulp with gulp-ruby-sass : Error: . ./style.css.map:3:1: 未知词

使用基本的gulp/expressbuildwatch出现奇怪的错误。目录布局project/-sass/-style.scss-gulpfile.js-index.htmlGulpfile.jsvargulp=require('gulp'),sass=require('gulp-ruby-sass'),autoprefixer=require('gulp-autoprefixer'),minifycss=require('gulp-minify-css'),rename=require('gulp-rename');gulp.task('express',function(){var

用于从 Content-Disposition header 中提取文件名的 javascript 正则表达式

Content-dispositionheader包含可以轻松提取的文件名,但有时它包含双引号,有时不带引号,并且可能还有其他一些变体。有人可以编写适用于所有情况的正则表达式吗。Content-Disposition:attachment;filename=content.txt以下是一些可能的目标字符串:attachment;filename=content.txtattachment;filename*=UTF-8''filename.txtattachment;filename="EUROrates";filename*=utf-8''%e2%82%ac%20ratesattac