小编JRO*_*ROB的帖子

如何通过https修复css和js的"阻止加载混合活动内容"

尝试通过https查看我的网站时,我的Firefox控制台中出现"阻止加载混合活动内容"错误.我只为我的css和js文件收到此错误.

我很困惑的原因是因为页面代码本身对文件的引用是https:

<link rel="stylesheet" href="https://www.example.com/style.css">
Run Code Online (Sandbox Code Playgroud)

但在控制台中,它显示为http:

阻止加载混合活动内容" http://www.example.com/style.css "[了解详情]

我可以在页面上执行查看源并搜索"http://",并且页面上的任何位置都没有结果.

有任何想法吗?

html css https http mixed-content

11
推荐指数
1
解决办法
5万
查看次数

Firefox Inspector中对同一CSS文件的多个GET请求

我的页面中只有一个地方链接到此css文件:

<link rel="stylesheet" href="http://domain.com/css/23beac5f7ba9d3e94ba463892e86b2ff.0.1.css">
Run Code Online (Sandbox Code Playgroud)

但是,在Firefox的检查器中查看网络选项卡时,它会计算对此文件的两个请求(存在),并且还会根据请求的所有文件的总大小计算两次css文件的大小.

两个CSS请求

此屏幕截图中最后的请求最后加载,并且需要比其他请求显示的时间长一些.我注意到两者的唯一不同之处是"原因"下的最后一个在"样式表"旁边有一个"JS"符号.我不知道这意味着什么,或者为什么会这样.

有关可能导致我的css文件加载两次的内容的任何建议吗?

html

11
推荐指数
1
解决办法
1671
查看次数

苹果触摸图标是否必须位于根文件夹中?

一个看似简单的问题,我无法找到明确的答案.

apple touch图标是否必须位于我网站的根文件夹中?

<link href="http://example/apple-touch-icon.png" rel="apple-touch-icon" />
Run Code Online (Sandbox Code Playgroud)

或者,如果我把它放在另一个地方可以吗?

<link href="http://www.yoursite.com/some/other/folder/apple-touch-icon.png" rel="apple-touch-icon" />
Run Code Online (Sandbox Code Playgroud)

html icons ios

9
推荐指数
1
解决办法
4722
查看次数

CSS:父母的最后一个孩子

:last-child当所有"孩子"元素都相同时(即:全部<p>或全部),效果很好<li>的并且规则适用于该类型的孩子),.

但是,我如何使用CSS来选择包含不同元素的父级中的最后一个"子"元素?

例如,在这个例子中,我如何应用规则.parent来选择其中的最后一个对象(the div)?

.parent:last-child {
  background-color: red;
 }
Run Code Online (Sandbox Code Playgroud)
<div class="parent">
  
  <p>First child</p>
  <input type="text" placeholder="Second child" />
  <div>Third child</div>
  
</div>
Run Code Online (Sandbox Code Playgroud)

html css css-selectors

9
推荐指数
1
解决办法
9332
查看次数

如何在网页上找到哪个元素断开HTTPS?

是否有一种简单的方法,可能通过firefox插件或其他东西,能够分辨网页上的哪个元素打破HTTPS连接?

我搜索了源代码中的任何"http"并没有找到任何.我认为问题的根源在于某个地方的javascript文件,但我希望缩小范围比逐行浏览所有javascript文件更容易.

任何简单的解决方案或建议

html javascript https

8
推荐指数
1
解决办法
1069
查看次数

使用jQuery使页面上的多个元素具有相同的高度

我有一个函数,我用来在页面上创建equalheight所有相同高度(最高元素的高度)的元素:

equalheight = function(container){

    var currentTallest = 0,
        currentRowStart = 0,
        rowDivs = new Array(),
        $el,
        topPosition = 0;

    $(container).each(function() {
        $el = $(this);
        $($el).height('auto')
        topPostion = $el.position().top;

        if (currentRowStart != topPostion) {
            for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
                rowDivs[currentDiv].height(currentTallest);
            }
            rowDivs.length = 0; // empty the array
            currentRowStart = topPostion;
            currentTallest = $el.height();
            rowDivs.push($el);
        } else {
            rowDivs.push($el);
            currentTallest = (currentTallest < $el.height()) ? ($el.height()) : (currentTallest);
        }
        for (currentDiv = 0 …
Run Code Online (Sandbox Code Playgroud)

javascript jquery

8
推荐指数
1
解决办法
1354
查看次数

如何使用htaccess强制http- NOT https

我的整个域名都有一个目录,我想强制使用https,即"/ docs".在/ docs文件夹中,我有以下htaccess文件:

RewriteEngine On
RewriteCond %{HTTPS} !=on
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
Run Code Online (Sandbox Code Playgroud)

这是强制https到/ docs目录中的所有内容,这是我想要它做的.我遇到的问题是试图强制REMOVE https回到http我网站的所有其他区域.在站点的根文件夹(运行wordpress)中,我有以下htaccess文件:

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

RewriteCond %{HTTPS} on
RewriteCond %{REQUEST_URI} !^/docs/?.*$
RewriteRule ^(.*)$ http://www.mydomain.com/$1 [R=301,L]
Run Code Online (Sandbox Code Playgroud)

不幸的是,这不起作用.我仍然可以通过https访问我网站的其他区域.

我需要更改什么才能使其正常工作?

html wordpress .htaccess https http

7
推荐指数
2
解决办法
2万
查看次数

使用变换比例时抖动的文本

我试图在悬停时缩放按钮的大小,但完成后,文本看起来不稳。我查看了其他一些帖子并尝试了一些建议,例如使用-webkit-backface-visibility:hidden;,transform: translateZ(0);-webkit-transform-style: preserve-3d;,但似乎都没有效果。

这是小提琴:https : //jsfiddle.net/ad7n17so/

(我正在使用 Firefox,如果这有区别的话)

.button {
  margin-left: 30px;
  background: #FF0000;
  color: #FFFFFF;
  padding: 0.4em;
  width: 100px;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.button:hover {
  -ms-transform: scale(1.25); /* IE 9 */
  -webkit-transform: scale(1.25); /* Chrome, Safari, Opera */
  transform: scale(1.25);
}
Run Code Online (Sandbox Code Playgroud)

css

6
推荐指数
2
解决办法
4027
查看次数

X-SendFile 有什么用?

在四处打听和做一些研究时,似乎很多人真的在推动 X-Sendfile 作为从 PHP 脚本向基于浏览器的客户端提供大型可下载文件的首选方法。

我一直在研究的一些方法是:

  • 流媒体开放
  • 流式卷曲
  • 文件获取内容
  • 卷曲
  • X-发送文件

其中,大多数人告诉我 X-Sendfile 是最好的。

问题是,我正在尝试实现一种下载方法,它不仅能够处理大文件,而且可以在大多数服务器上广泛通用,因为我正在编写的脚本将被许多其他服务器使用,而不仅仅是我自己的。

我的问题是:是什么让 X-Sendfile 变得更好?如果它这么好,为什么我没有听到很多关于它的消息,为什么它没有被更频繁地使用?最后,大多数典型的低预算共享网络主机是否支持 X-Sendfile?

谢谢!

php fopen curl x-sendfile

5
推荐指数
1
解决办法
607
查看次数

jQuery:如果数组中存在键,则获取值

我试图查看某个键是否存在于数组中,如果存在,则返回它的值:

if(jQuery.inArray(live_ids.grade, item.SizePrice) !== -1) {

    console.log(item.SizePrice);

}
Run Code Online (Sandbox Code Playgroud)

这将返回:

{"8":"15.00","7":"20.00","1":"6.00","6":"11.00","2":"7.00","3":"8.00","4":"9.00","5":"10.00","11":"20.00","9":"10.00","10":"15.00","13":""}
Run Code Online (Sandbox Code Playgroud)

现在,live_ids.grade= 9,所以我希望能够返回10.00......我该怎么做?

javascript arrays jquery

5
推荐指数
1
解决办法
2万
查看次数