GVKun编程网logo

css – clip-path不适用于chrome(css中clip-path)

33

本文将分享css–clip-path不适用于chrome的详细内容,并且还将对css中clip-path进行详尽解释,此外,我们还将为大家带来关于android–CharlesSSLProxy适用于c

本文将分享css – clip-path不适用于chrome的详细内容,并且还将对css中clip-path进行详尽解释,此外,我们还将为大家带来关于android – Charles SSL Proxy适用于chrome但不适用于应用程序、Angular2应用程序适用于Chrome和IE,但不适用于Firefox或Safari、chromedp clear 不适用于按查询选择、CSS @ font-face不适用于Firefox,但适用于Chrome和IE的相关知识,希望对你有所帮助。

本文目录一览:

css – clip-path不适用于chrome(css中clip-path)

css – clip-path不适用于chrome(css中clip-path)

我在Chrome中遇到了clip-path问题. Firefox没有问题,并且正确显示了这个html页面,但chrome没有显示任何内容.

img {
  -webkit-clip-path: url(#clipping); 
          clip-path: url(#clipping); 
}
imgur.com/MnWjF.png" width="728" height="482" >

最佳答案
Webkit不支持将SVG clipPath应用于html图像.如果您将图像设为SVG图像,即将标记更改为< image>并把它放在< svg>内元素然后它会工作.

Firefox确实支持将SVG clipPath应用于HTML图像,这就是它在那里工作的原因.

这是Pancho的一个例子.

Box="0 0 245 180" >
    

android – Charles SSL Proxy适用于chrome但不适用于应用程序

android – Charles SSL Proxy适用于chrome但不适用于应用程序

我正在使用运行Android 7的Nexus 5X设备.我无法使用Charles Proxy文档中的最新说明设置代理.我安装了证书,但扩展了wifi设置或nugat.我可以将charles设置为证书,但这不会让我连接到该wifi(身份验证问题).所以我把它留作“不检查正确性”.我甚至不知道这是否相关.

问题是,当我试图嗅探我的应用程序https调用时,我看到SSLHandshake:收到致命警报:certificate_unkNown
但是,如果我在同一设备上使用chrome运行Web客户端 – 我可以读取相同api的调用.

底线是它适用于浏览器,但不适用于我的应用程序.我也检查了其他应用程序.相同的输出.

我在这里问的原因是因为我可能需要在我的改装api设置中添加一些不安全的客户端 – 希望不是.

解决方法:

以下是如何配置apk以使CharlesProxy在Android 7中运行的方法.

Android的

从Android N开始,您需要为您的应用添加配置,以使其信任Charles SSL Proxying生成的SSL证书.这意味着您只能对您控制的应用程序使用SSL代理.

要将您的应用配置为信任Charles,您需要向应用添加网络安全配置文件.此文件可以覆盖系统默认值,使您的应用程序可以信任用户安装的CA证书(例如Charles Root证书).您可以指定这仅适用于应用程序的调试版本,以便生产版本使用默认信任配置文件.

将文件res / xml / network_security_config.xml添加到您的应用程序:

<network-security-config> 
  <debug-overrides> 
    <trust-anchors> 
      <!-- Trust user added CAs while debuggable only -->
      <certificates src="user" /> 
    </trust-anchors> 
  </debug-overrides> 
</network-security-config>

然后在应用的清单中添加对此文件的引用,如下所示:

<?xml version="1.0" encoding="utf-8"?>
<manifest ... >
    <applicationandroid:networkSecurityConfig="@xml/network_security_config" ... >
        ...
    </application>
</manifest>

在这里你可以找到更多细节:

https://www.charlesproxy.com/documentation/using-charles/ssl-certificates/

Angular2应用程序适用于Chrome和IE,但不适用于Firefox或Safari

Angular2应用程序适用于Chrome和IE,但不适用于Firefox或Safari

应用程序在Chrome和IE(11)中运行良好,但在Firefox(42.0)或Safari(5.1.7)中无效.

FIREFOX:

改变对象的[[Prototype]]会导致代码运行得非常慢;而是使用Object.create es6-shim.js创建具有正确的初始[[Prototype]]值的对象:1338:11

Angular 2正在开发模式下运行.调用enableProdMode()以启用生产模式. angular2.dev.js:351:5

EXCEPTION:错误:期望int32作为第二个参数angular2.dev.js:23524

browserDomAdapter</browserDomAdapter.prototype.logError() angular2.dev.js:23514
browserDomAdapter</browserDomAdapter.prototype.logGroup() angular2.dev.js:23525
ExceptionHandler</ExceptionHandler.prototype.call() angular2.dev.js:1145
PlatformRef_</PlatformRef_.prototype._initApp/</<() angular2.dev.js:14801
ngzone</ngzone.prototype._notifyOnError() angular2.dev.js:5796
ngzone</ngzone.prototype._createInnerZone/errorHandling<.onError() angular2.dev.js:5700
run() angular2-polyfills.js:141

map@http://localhost:53861/lib/es6-shim/es6-shim.js:1113:14
TemplateParseVisitor</TemplateParseVisitor.prototype._createDirectiveAsts@http://localhost:53861/lib/anguar2/angular2.dev.js:24301:27
TemplateParseVisitor</TemplateParseVisitor.prototype.visitElement@http://localhost:53861/lib/anguar2/angular2.dev.js:24154:24
HtmlElementAst</HtmlElementAst.prototype.visit@http://localhost:53861/lib/anguar2/angular2.dev.js:20216:14
htmlVisitAll/<@http://localhost:53861/lib/anguar2/angular2.dev.js:20227:23
forEach@http://localhost:53861/lib/es6-shim/es6-shim.js:1107:14
htmlVisitAll@http://localhost:53861/lib/anguar2/angular2.dev.js:20226:5
TemplateParser</TemplateParser.prototype.parse@http://localhost:53861/lib/anguar2/angular2.dev.js:24038:20
TemplateCompiler</TemplateCompiler.prototype._compileComponentRuntime/done<@http://localhost:53861/lib/anguar2/angular2.dev.js:24669:32
run@http://localhost:53861/lib/anguar2/angular2-polyfills.js:138:14
ngzone</ngzone.prototype._createInnerZone/<.$run/<@[…]

苹果浏览器:

EXCEPTION: Error during instantiation of browserDetails! (Token Promise<ComponentRef> -> DynamicComponentLoader -> Compiler -> RuntimeCompiler -> ProtoViewFactory -> Renderer -> Domrenderer -> AnimationBuilder -> browserDetails).
angular2.dev.js:23514ORIGINAL EXCEPTION: TypeError: 'undefined' is not a function (evaluating 'window.requestAnimationFrame(callback)')
Potentially unhandled rejection [2] Error: EXCEPTION: Error during instantiation of browserDetails! (Token Promise<ComponentRef> -> DynamicComponentLoader -> Compiler -> RuntimeCompiler -> ProtoViewFactory -> Renderer -> Domrenderer -> AnimationBuilder -> browserDetails).
ORIGINAL EXCEPTION: TypeError: 'undefined' is not a function (evaluating 'window.requestAnimationFrame(callback)')
	Error loading http://localhost:53861/app/bootDesktop.js

关于什么是错误的任何想法都非常感激.看起来它与“browserDomAdapter”有关.

通过升级es6-shim来解决问题.

chromedp clear 不适用于按查询选择

chromedp clear 不适用于按查询选择

问题已解决。

通过使用:

chromedp.SetValue(selector,value,chromedp.ByQuery),

当前输入值被替换。

CSS @ font-face不适用于Firefox,但适用于Chrome和IE

CSS @ font-face不适用于Firefox,但适用于Chrome和IE

以下代码可在Google Chrome beta和IE
7中运行。但是,Firefox似乎对此有问题。我怀疑这是我的CSS文件如何包含的问题,因为我知道Firefox对跨域导入不太友好。

但这仅仅是静态HTML,而没有跨域问题。

在我的landing-page.html上,我像这样进行CSS导入:

<link rel="stylesheet" href="../css/main.css" type="text/css" media="screen,projection" />

在main.css中,我还有另一个导入,例如:

@import url("reset.css");
@import url("style.css");
@import url("type.css");

在type.css中,我有以下声明:

@font-face {
    font-family: "DroidSerif Regular";
        src: url("font/droidserif-regular-webfont.eot");
        src: local("DroidSerif Regular"),url("font/droidserif-regular-webfont.woff") format("woff"),url("font/droidserif-regular-webfont.ttf")     format("truetype"),url("font/droidserif-regular-webfont.svg#webfontpB9xBi8Q")     format("svg"); 
    font-weight: normal; font-style: normal; }
@font-face {
    font-family: "DroidSerif Bold";
    src: url("font/droidserif-bold-webfont.eot");
    src: local("DroidSerif Bold"),url("font/droidserif-bold-webfont.woff") format("woff"),url("font/droidserif-bold-webfont.ttf") format("truetype"),url("font/droidserif-bold-webfont.svg#webfontpB9xBi8Q") format("svg");
    font-weight: normal; font-style: normal; }

body { font-family: "DroidSerif Regular",serif; }
h1 { font-weight: bold; font-family: "DroidSerif Bold",serif; }

我在与type.css相同的位置有一个名为“ font”的目录。该字体目录包含所有woff / ttf / svg文件等。

我对此很困惑。 它适用于Chrome和IE,但不适用于Firefox 。这怎么可能?我想念什么?

今天关于css – clip-path不适用于chromecss中clip-path的讲解已经结束,谢谢您的阅读,如果想了解更多关于android – Charles SSL Proxy适用于chrome但不适用于应用程序、Angular2应用程序适用于Chrome和IE,但不适用于Firefox或Safari、chromedp clear 不适用于按查询选择、CSS @ font-face不适用于Firefox,但适用于Chrome和IE的相关知识,请在本站搜索。

本文标签: