小编453*_*066的帖子

Bootstrap,滚动到它后保持div固定

我正在使用Bootstrap,这里有一个简单的页面

如果单击绿色的"开始"按钮并向下滚动页面,则会加载更多记录.我希望右侧栏中的广告例如,当我向下滚动页面并到达广告div时,从页面顶部"粘贴"到10像素.

正如您所看到的,它仍然是页面的一半.

我有这个作为div的HTML:

<div class="col-md-3">
    <div data-spy="affix">
        <script type="text/javascript">
        .. advert
        <a href="#" class="back-to-top">Back to Top</a>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我想知道是否有办法让它做我想做的事情,因为我有点卡住了?

谢谢

html css jquery twitter-bootstrap

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

自定义404错误页面无法在IIS 8.5上运行

我最近移动了主机,不得不在IIS中再次设置客户错误.

我可以按如下方式转到IIS Admin和Error Pages:

IIS上的自定义错误

然后我可以转到自定义错误,并设置如下选项:

客户错误设置

这将创建我的web.config文件,如下所示:

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <httpErrors errorMode="DetailedLocalOnly" defaultResponseMode="ExecuteURL">
            <remove statusCode="500" subStatusCode="100" />
            <remove statusCode="500" subStatusCode="-1" />
            <remove statusCode="404" subStatusCode="-1" />
            <error statusCode="404" prefixLanguageFilePath="" path="/error_404.asp" responseMode="ExecuteURL" />
            <error statusCode="500" prefixLanguageFilePath="" path="/error_500.asp" responseMode="ExecuteURL" />
            <error statusCode="500" subStatusCode="100" path="/error_500.asp" responseMode="ExecuteURL" />
        </httpErrors>
    </system.webServer>
</configuration>
Run Code Online (Sandbox Code Playgroud)

当我测试页面时,505错误工作正常,并重定向到右页,但404不重定向并返回标准IIS 404错误.我已确认服务器上的404错误页面位于正确的位置.

我看不出还有什么需要做的.

iis custom-errors

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

SQL Developer 17.2 - 无法启动 Java 虚拟机

SQL Developer 版本 4.2.0.17 设置在我使用的计算机上(我使用的是 Windows)。

该版本的文件夹包含一个 jdk 文件夹,SQL 开发人员运行良好。

我下载了 SQL Developer 17.2 并解压了文件。当我去运行 .exe 时,我被要求确认 jdk 在计算机上的位置。

当时,我没有意识到 jdk 文件夹已经在 SQL Dev 4.2 的文件夹中。

c:\ 驱动器上还有一个“OraHome_WF”文件夹,其中包含一个 jdk 文件夹,因此我在首次启动 SQL Dev 17.2 时确认这是 jdk 文件夹的位置。

现在,当我启动 SQL Dev 17.2 时,我收到一条错误消息:

无法在以下路径启动 Java 虚拟机位置:C:\OraHome_WF\jdk\jre\bin\msvcr100.dll

我查看了 17.2 文件夹,看看是否有任何配置或设置文件在我输入错误的 jdk 路径后可能已更新,因此我可以指向正确的 jdk 文件夹,但我什么也看不到。

我尝试删除 17.2 文件并再次解压缩 17.2 文件夹,但是当我启动 SQL Dev 时,我得到了同样的错误,而没有被问到 jdk 文件夹的位置。

有什么办法可以解决这个问题吗?

我已经尝试过这个解决方法: SQL Developer error Unable to find Java Virtual Machine

oracle oracle-sqldeveloper

6
推荐指数
1
解决办法
3万
查看次数

PHP 持久登录 - 重新生成登录令牌

我正在尝试实现一个 PHP 持久登录解决方案来保护我正在处理的网站上的一些管理页面,使用这个 SO 答案作为基础:

PHP登录系统:Remember Me(持久cookie)

登录后

if ($login->success && $login->rememberMe) { // However you implement it
    $selector = base64_encode(openssl_random_pseudo_bytes(9));
    $authenticator = openssl_random_pseudo_bytes(33);

    setcookie(
        'remember',
         $selector.':'.base64_encode($authenticator),
         time() + 864000,
         '/',
         'yourdomain.com',
         true, // TLS-only
         true  // http-only
    );

    $database->exec(
        "INSERT INTO auth_tokens (selector, token, userid, expires) VALUES (?, ?, ?, ?)", 
        [
            $selector,
            hash('sha256', $authenticator),
            $login->userId,
            date('Y-m-d\TH:i:s', time() + 864000)
        ]
    );
}
Run Code Online (Sandbox Code Playgroud)

在页面加载时重新验证

if (empty($_SESSION['userid']) && !empty($_COOKIE['remember'])) {
    list($selector, $authenticator) = explode(':', $_COOKIE['remember']);

    $row = $database->selectRow(
        "SELECT * …
Run Code Online (Sandbox Code Playgroud)

php security session

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

Bootstrap 4 - 内联表单上的全宽表单域

我注意到旧 Bootstrap v3 和新 Bootstrap V4 之间的内联表单的行为方式有所不同。

我有两个代码片段:

引导程序 3

在这个版本中,当页面变窄时,每个表单元素都会调整大小以占据页面的整个宽度。Bootstrap 4 不再发生这种情况。我看不到Bootstrap 3 文档提到了这种全角行为 - 但它仍然这样做 - 因为,这些字段在内联表单上仍然是全角的在一个form-groupdiv 中。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<h1>bootstrap/3.3.6</h1>

<form class='form-inline' role='form' action='search.php' method='post' id='form_search'>
   <input type='hidden' name='method' value='search' />
   <div class='form-group'>
      <input type='text' class='form-control' id='str' name='str' placeholder = 'Search'>
   </div>
   <div class='form-group'>
      <select name='mn' id='mn' class='form-control'>
         <option value='n'>Month</option>
         <option  value='1'>January</option>
         <option  value='2'>February</option>
      </select>
   </div>
   <div class='form-group'>
      <select class='form-control' name='yr' id='yr'>
         <option value='n'>Year</option>
         <option  value='1995'>1995</option>
         <option  value='1996'>1996</option>
      </select>
   </div>
   <div class='form-group'> …
Run Code Online (Sandbox Code Playgroud)

html css css-selectors twitter-bootstrap bootstrap-4

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

https://example.com/ 上 SharedArrayBuffers 的新要求

今天收到一封来自谷歌的邮件:

https://example.com/ 上SharedArrayBuffers 的新要求

Google 系统最近检测到https://example.com/上使用了SharedArrayBuffers (SAB) ,但未提供COOP和/或COEP标头。

出于 Web 兼容性原因,Chrome 计划要求 COOP/COEP 从 Chrome 91 (2021-25-05) 开始使用 SAB。请在您的网站上实施“跨源隔离”行为。

今天下午我一直在阅读这个,但我完全迷失了!

我在我的网站上经常使用以下内容:

  1. 来自 Freestar.io 的广告
  2. 托管在 AWS 存储桶中的静态内容(JS、CSS 和一些图像)
  3. iframe 中来自 Youtube 和 Vimeo 的内容
  4. 来自各种 CDN 的 Bootstrap CSS 和 JS 以及 jQuery

我已经检查了 CDN 的标头,如果我在我的网站上设置了这些标头,可以看到cross-origin-resource-policy设置为cross-origin

Cross-Origin-Embedder-Policy = require-corp

Cross-Origin-Opener-Policy = same-origin

然后cross-origin-resource-policy: cross-origin可以显示来自 CDN 的内容,其中提供的内容的标题包含标题,只要我包含该crossorigin选项,例如这里:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css" crossorigin>
Run Code Online (Sandbox Code Playgroud)

但是,我查看了其他各种网站,但它们没有这些标题。这些网站包括:

  1. 自动售货机
  2. Freestar.io 广告 …

security amazon-web-services cors cross-origin-embedder-policy cross-origin-opener-policy

5
推荐指数
0
解决办法
617
查看次数

使用 Javascript 隐藏具有特定 data-test-id 值的元素

我经常使用一个简单的 Greasemonkey JS 脚本来隐藏网页上的元素 - 这是一个基本脚本,我用来隐藏 Yahoo Mail 上的一些广告,这些广告位于具有特定 ID 的 DIV 中:

function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}

addGlobalStyle(" #slot_LREC, #slot_LREC4 { display:none; }");
Run Code Online (Sandbox Code Playgroud)

我遇到的问题是雅虎邮件中的很多内容没有通用的类或 ID,而是有一个data-test-id值 - 例如

<a data-test-id="pencil-ad" class="something_very_complicated">example</a>
Run Code Online (Sandbox Code Playgroud)

我想知道是否有任何方法可以创建 addGlobalStyle 函数的变体来隐藏元素具有特定data-test-id值的元素?

我无法选择使用 jQuery - 或者至少,我不知道如何将 jQuery 添加到 GM 脚本中......

据我所知,这不是javascript: select all elements with "data-" attribute (without jQuery)的重复,因为我试图仅隐藏一个 data-test-id 属性具有特定值的元素。我不想隐藏所有具有 data-test-id …

html javascript css greasemonkey greasemonkey-4

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