javascript - 在浏览器中，如何确定哪种换行符适合操作系统？

Question

换句话说，

\n 或 \r\n (甚至 \r)。我渴望避免嗅探用户代理字符串。

第一次尝试:

var osLineBreak = (function () {
  var p = document.createElement('p');
  p.innerHTML = '<br>';
  return p.innerText;
}());

遗憾的是，Firefox 不提供 innerText，在这种情况下 textContent 返回空字符串。

第二次尝试:

var osLineBreak = (function () {
  var
    lineBreak,
    body = document.body,
    range = document.createRange(),
    selection = window.getSelection(),
    p = document.createElement('p');

  // we cannot make a selection unless `p` is in the DOM,
  // so ensure that it is not visible when we insert it
  p.style.position = 'absolute';
  p.style.left = '-9999px';
  // Firefox returns the empty string if `innerHTML` is
  // set to "<br>", so include leading and trailing
  // characters
  p.innerHTML = '%<br>%';
  body.appendChild(p);
  // wrap `p` in `range`
  range.selectNodeContents(p);
  // make a selection from `range`
  selection.addRange(range);
  // see how the line break is treated in the selection
  // (provide a sane fallback in case we get the empty string)
  lineBreak = /%(.*)%/.exec(selection.toString())[1] || '\n';
  // revert our fiddlings
  selection.removeAllRanges();
  body.removeChild(p);
  return lineBreak;
}());

是否有一种我忽略的不太复杂的技术？

Answer 1

2015 年更新:从下面可以看出，早在 2011 年，Chrome 和 Firefox 就在所有平台上使用 \n。 Opera 和 IE 在 Windows 上使用 \r\n。从那时起，Opera 就像 Chrome 一样转向了 WebKit，因此大概使用了 \n。 IE8 是最后一个在文本区域中使用 \r\n 的 IE；从 IE9 开始，IE 也只使用 \n。尚未测试移动浏览器。

<小时/>

来得相当晚了，但是如果您真的想知道浏览器在textarea等中使用的行分隔符(在浏览器中可能会有所不同) 即使在相同的操作系统上)，您也可以通过一个偷偷摸摸的技巧来找出答案:

function getLineBreakSequence() {
    var div, ta, text;

    div = document.createElement("div");
    div.innerHTML = "<textarea>one\ntwo</textarea>";
    ta = div.firstChild;
    text = ta.value;
    return text.indexOf("\r") >= 0 ? "\r\n" : "\n";
}

这是有效的，因为使用 \r\n 的浏览器在解析 HTML 字符串时转换 \n 。这是 live running copy您可以使用您最喜欢的浏览器亲自尝试。在 IE 和 Opera(甚至在 *nix 上运行的 Opera)中，您会发现它是 \r\n。在 Chrome、Firefox 和 Safari(甚至在 Windows 上运行)上，您会发现它是 \n。

也就是说，我的经验是，插入 \n (例如，当分配给 value 属性时，而不是上面的 HTML 字符串位)甚至可以在浏览器上工作通常使用 \r\n。但这并不意味着没有边缘情况，而且我必须承认我不会以任何规律这样做(在 textarea 中插入换行符)，所以如果出现问题我确实应该在某些浏览器上使用 \r\n，我可能只是还没有找到它们。