Инквизитор's questions

我根据备忘单制作了一个 CSS 网格：https ://tuhub.ru/posts/css-grid-complete-guide#prop-grid-template-areas

那里写着：

网格模板区域

...

一个点表示一个空单元格。

并给出了一个例子：

grid-template-areas: 
"header header header header"
"main main . sidebar"
"footer footer footer footer";

这会产生一个正常的结果（一个空单元格在中间的某个地方）。

我正在尝试进行类似的构造，但有两个位于网格边缘的空单元格：

https://codepen.io/anon/pen/zyLOqz

div {
  border: 1px solid gray;
  padding: 5px;
}

body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "headerBg1 header headerBg2"
                       ". mainContent ."
                       "footerBg1 footer footerBg2";
  grid-gap: 2px;
}

.header { grid-area: header; }
.headerBg.1 { grid-area: headerBg1; }
.headerBg.2 { grid-area: headerBg2; }
.mainContent { grid-area: mainContent; }
.footer { grid-area: footer; }
.footerBg.1 { grid-area: footerBg1; }
.footerBg.2 { grid-area: footerBg2; }

<div class="headerBg 1">Left header</div>
<div class="headerBg 2">Right header</div>
<div class="header">
  Header
</div>
<div class="mainContent">

  Main content<br/> Main content<br/> Main content
</div>
<div class="footerBg 1">Left footer</div>
<div class="footerBg 2">Right footer</div>
<div class="footer">
  Footer
</div>

这里的关键是：

grid-template-areas: 
    "headerBg1 header headerBg2"
    ". mainContent ."
    "footerBg1 footer footerBg2";

问题：为什么左页脚 ( footerBg1) 和右页脚 ( footerBg2) 块应该有空单元格？预计它们将与footer.

有一个表格（测试）包含几个问题，必须通过选择从 0 到 5 分来回答。由单选按钮制作：

<input type="radio" name="question_0_1" id="answer_0_1_0" value="0">
<input type="radio" name="question_0_1" id="answer_0_1_1" value="1">
...
<input type="radio" name="question_0_1" id="answer_0_1_5" value="5">

有一个函数可以遍历所有问题，从每个问题中提取答案的值并将其汇总在一个变量中scores：

var temp = 0;
var scores = 0;

function doTest() {
  for (i=0; i < test.length; i++) {
    temp=document.getElementById('test_form')["question_"+i].value;
    if(temp !="") {scores+=parseInt(temp);}
    else {/* тут ругань валидатора */}
  }
}

电脑上一切正常。在或多或少的现代平板电脑上也是如此。但在较旧的智能手机（android 4.3、Chrome 28 和 android 4.2（用户代理:) 的股票浏览器Lenovo-A880/S100 Linux/3.4.5 Android/4.2 Release/08.07.2013 Browser/AppleWebkit 534.30 Profile/Configuration;）上，它scores加起来了NaN。原始调试temp表明undefined.

有什么技巧？

Joomla 3.8.6 上的网站。有默认编辑器“TinyMCE”、“CodeMirror”和“无编辑器”。这三个都包含并发布。

在前端和管理面板中，编辑模块/材料时，使用 CodeMirror。自然，客户希望在那里看到所见即所得的编辑器。

在网站的常规设置中，TinyMCE 是默认的编辑器。在 TinyMCE 插件本身的设置中，顺序为 0 - 第一个。CodeMirror 的顺序为 6，“No Editor”的顺序为 2。

问题：尽管进行了所有这些设置，但管理面板和前端都只使用了 CodeMirror。启用 TinyMCE 的唯一方法是禁用 CodeMirror 他妈的。同时，a) 系统在尝试在“打开 CodeMirror”模板中编辑某些内容时发誓，并在 TinyMCE 中显示正在编辑的内容，这是不可接受的，以及 b) 在前端它显示在“没有编辑器”中，如果这个插件被禁用，它通常会报告“没有发布编辑器插件”。但 TinyMCE 已包含并发布！

我勒个去？

我正在编写一个 Chrome 扩展程序。我需要它在特定页面上运行。可以在以下位置注册地址列表manifest.json：

"content_scripts": [{
    "matches": ["http://myUrl1.com/*"],
    ...
}]

但是，该扩展程序旨在与特定系统一起使用，但事先不知道它将位于何处。

有一个选项 - 在所有地址上注册启动：

"content_scripts": [{
    "matches": [ "http://*/*", "https://*/*" ],
    ...
}]

并通过将当前页面的地址与参数中记录的地址进行比较来运行必要的功能。但同时，该扩展仍然会在所有页面上工作，至少，检查和比较地址的功能。

实际上问题是：是否可以设置地址列表（例如，在扩展参数中）并以某种方式即时应用它？据我了解，清单不能即时修改。

我正在编写一个 Chrome 扩展程序。在页面上，我Options保存了一些参数chrome.storage.sync.set：

chrome.storage.sync.set({
  x: document.getElementById('a').value,
  y: document.getElementById('b').value,
  z: document.getElementById('c').value
}, function() {...});

此外，Content script'е我想根据这些参数的值执行我需要的操作。首先，在加载所需的页面时，我获取这些数据并将它们的值分配给一些变量：

var baseA = "";
var baseB = "";
var baseC = "";

chrome.storage.sync.get({
    x: "",
    y: "",
    z: ""
}, function(items) {
    setValues(items.x, items.y, items.z);
});

function setValues(v1,v2,v3) {
    baseA = v1;
    baseB = v2;
    baseC = v3;
    console.log('baseA | ' + baseA);
    console.log('baseB | ' + baseB);
    console.log('baseC | ' + baseC);
}

然后我尝试做需要做的事情：

function doSomething() {
    if (baseA !="") {
        console.log('true ' + baseA);
    }
    else {console.log('false')}
}

doSomething();

我爬进去Options.html，设置参数：

x = "aaa";
y = "bbb";
z = "ccc";

我爬到脚本应该计算内容的页面，并在控制台中得到以下结果：

false
baseA | aaa
baseB | bbb
baseC | ccc

即，该功能被doSomething()更早地触发。
调用doSomething()viasetTimeout并不有趣，因为内容脚本是在文档加载后执行的，并且需要多长时间是未知的。
据我了解，这完全是由于doSomething()两者chrome.storage.sync.get都是异步执行的。我可以做些什么来确保在需要之前获得参数值？