相关疑难解决方法(0)

我有一个 Chrome 扩展程序，我目前正在编写一个网站来宣传它。我知道可以在所有基于 Chromium 的浏览器（Chrome、Opera 等）中安装 Chrome 扩展程序。

是否可以检查浏览器是否可以从网上商店下载扩展程序或基于铬？

我在这里找到了检测是否是 Google Chrome 的代码。如果我错了，请纠正我，但我认为window.chrome不会在所有基于 Chromium 的浏览器中返回。

有没有办法检测IE浏览器与React并重定向到页面或提供任何有用的消息.我在JavaScript中找到了一些东西,但不确定如何将它与React + TypeScript一起使用.

var isEdge = !isIE && !!window.StyleMedia;

chrome扩展程序是否可以读取ctrl + p数据并将其另存为pdf或html，而不显示打印屏幕？

<label for="input">Label</label><input type="file" id="input"/>

在Firefox 7中,无法通过单击标签来触发打开的文件对话框.

这个问题非常相似,但是用绿色检查它是FF中的一个错误.我正在寻找一种解决方法.

有任何想法吗？

我使用Spectrum JS作为不支持的浏览器的后备<input type="color>.为此,只需包含Spectrum JS库,一切都自动完成.

http://bgrins.github.io/spectrum/#modes-input

一个工作示例:http: //jsfiddle.net/ctkY3/5542/

除了使用IE时,您应该看到默认的颜色输入框.(是的,即使IE11也不支持颜色输入.MS仅支持Edge中的颜色输入)

问题是,一旦使用该$(element).spectrum()功能,它将显示所有浏览器的光谱颜色选择器,而我只想将其用作后备.那么,我如何向后备颜色选择器添加选项呢？

例如,如果我想在Webkit中设置角半径,Firefox和其他我可以使用以下CSS:

-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

但这些样式是硬编码还是仅仅添加了浏览器的前缀地址？

例如,如果我只想在Firefox中更改边距,我可以简单地添加前缀,如下所示:

-moz-margin:-4px;
margin: 1px;

非常了解:
如果有可能,可以解决特定的版本或平台？例如,-moz-4.3-margin:-4px;不是我想要的,只是想知道.

前缀方法是否跨浏览器工作？我想知道因为Internet Explorer.

最后,会margin:10px永远淘汰-moz-margin:10px吗？就像在"我们,Mozilla,最后支持margin所以我们将忽略所有旧-moz-margin标签,并将只使用margin标签中的值".

我正在处理一个contentEditable span想要将position: absolute元素放置在与光标同一行的位置。当文本因不适合而被换行时，就会出现问题 - 换行行的第一个和最后一个位置有奇怪的行为。

对于它们两者，当我位于第二行中的第一个位置时，偏移y量getBoundingClientRect()等于第一行的偏移量，但是如果我在第二行上进一步移动一个位置，则y offset正确匹配第二行。

在下面的代码片段中，显示了 Firefox 的此行为。对于 Chrome 来说，它似乎工作得很好，尽管在我的完整实现中它也有不精确的行为，但我能够为 chrome 解决它。然而，对于 Firefox，第一行的最后一个位置等于offset第一行，第二行的第一个位置等于offset等于第一行，之后就可以正常工作了。

在示例中，转到第一行的最后一个位置，并注意CURRENT_TOP控制台中的值显示16。如果你向右移动一个地方，光标已经在下一行，它仍然显示16。如果你再向右移动一个，它会说36

const textEl = document.getElementById("myText")

textEl.addEventListener("keyup", (event) => {
  const domSelection = window.getSelection();
  if (domSelection && domSelection.isCollapsed && domSelection.anchorNode) {
    let offsetNewLine = 0;

    const domRange = domSelection.getRangeAt(0);
    const rect = domRange.getBoundingClientRect();
    const rects = domRange.getClientRects();
    const newRange = document.createRange();
    const newRangeNextOffset = domSelection.anchorNode.textContent.length …

我说的是 Chrome 扩展程序、Firefox WebExtensions、Edge 扩展程序……

在后台脚本而不是内容脚本中，是否有一种明确的方法可以知道我使用的是哪个浏览器？我需要对不同的浏览器做不同的操作。

是的，navigator.userAgent可能有用，但不是很清楚。

是否有任何扩展 API 可用于执行此操作？类似的东西，chrome.extension.browserType。（当然，这个真的不存在..）

我在网站上工作,在mac safari上的字体比其他浏览器大得多,

网站使用谷歌字体的'Open Sans'字体

ex-这是一个针对titile的css

h2.protitles{
    color: #404040;
    font-size: 22px;
    text-transform: uppercase;
    float: none;
} 

这显示如下面的chrome,firefox和IE如下,它很好

但是mac safari就是这样的

不知何故safari似乎为所有字体添加1px.

任何人都可以帮我解决这个问题,非常感谢

我在Opera和Safari上的HTML5验证有问题.

在Opera中,消息气泡不显示任何文本,而在safari中,当我按下提交按钮时不会发生验证.在IE,Mozilla或Chrome中,验证工作正常.谁能说出为什么会这样？

我在表单中的输入具有html5标准验证,具有必需属性,就是这样.

我试图在网络上搜索这个主题,但没有设法找到它.

请帮我.

谢谢

    <form class="sign-in-form" action="" method="post">
        <li>
            <label>
                <span>Username</span>
                <input placeholder="Please enter your username" name="username" type="text" tabindex="1" title="It must contain the username that you have chosen at registration" required autofocus>
            </label>
        </li>
        <li>
            <label>
                <span>Password</span>
                <input placeholder="Please enter your password" name="password" type="password" tabindex="2" title="It must contain the password that you have chosen at registration" required>
            </label>
        </li>
        <li>
            <button name="sign-in-btn" type="submit" id="sign-in-submit">Sign In</button>
        </li>
    </form>