小编Pix*_*orn的帖子

使用Chrome检测Windows 8+中的自定义协议处理程序

我试图检测我的应用程序处理自定义协议是否已安装并使用不同的浏览器工作.我在本网站上查看了其他问题,例如: 如何检测浏览器的协议处理程序?,并查看了这样的资源,使其适用于大多数浏览器中的大多数平台.

在将此标记为重复之前,请听我说...

除了Windows 8+上的Chrome之外,我能够使用我的功能.我无法像在Windows 7上那样在Chrome上使用窗口焦点方法,因为它会弹出要求我在商店中查找应用的消息.

是否有任何方法(没有扩展名)来检测Chrome上的Windows 8+中的自定义协议处理程序?

更新:

使用onBlur来检测它只适用于Windows 7,因为在8+中,如果它没有找到打开你的协议的东西,它会打开"从应用程序商店找到一些东西"对话框,使浏览器失去焦点.

javascript google-chrome protocols custom-protocol windows-8

25
推荐指数
1
解决办法
1693
查看次数

如何使这些HTML信息块保持相同的大小?

我试图使这些信息块的大小相同,而不管每个信息的数量.如示例所示,当一个块的文本少于另一个块时,一个块变小,另一个块保持不同的大小.

现在我的问题是,无论内容或图像如何,我如何实现这些块的大小相同?我也将在他们下方使用另一对.

由于某种原因,块不相等

这是CSS代码:

 /***********All containers**************/
   .bottomContainers{
position: absolute;
margin-left: 0%;

display: inline-box;
  }

 /**********Small Containers*************/
  .container{
    max-width: 30%;
    max-height: 30%;
    margin-top:5%;
    margin-bottom: 5%;
    margin-left: 10%;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
background-color: #ecf0f1;
color: grey;
display: inline-block;
/*display: inline-block;*/
border-radius: 5px;
border-bottom: 2px solid grey;
 }
Run Code Online (Sandbox Code Playgroud)

这是HTML代码:

    <div class="bottomContainers" role="moreInfo">
     <!--Small Inner Containers for Information-->
     <div class="container" id="firstContainer">
          <br />
          <center><img src="img/map.png"></center>
          <br>
          <article>
             Some random text is in this block, It doesnt size like the next one
          </article>
     </div> …
Run Code Online (Sandbox Code Playgroud)

html css web

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

如何使用 JavaScript 检测字符串中的图像文件扩展名

我想知道如何使用 JavaScript 检测字符串中的图像。例如,我有一个具有以下值的输入类型文本,“嘿,看看https://exmaple.com/image.jpg ”,我想将 ' https://exmaple.com/image.jpg ' 包装在一个标签,以便它可以立即在我的网站中显示图像。谢谢,我尝试在 JavaScript 中使用 split 函数,但我不知道如何检测字符串中的图像扩展名。

html javascript

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

如何将<h1>元素放在与导航链接相同的行上?

对不起,初学者问题.我正在尝试将导航栏放在与元素相同的"线"上.在这种情况下'标题'.基本上只是试图让它出现在标题的一行.

HTML:

<header role="banner">
            <h1>
            <a href ="#" title="Title" rel ="home">Title</a>
        </h1>
<!--Navigation Start-->
        <nav role ="navigation">
            <div class ="navigation-menu-container">
                <ul id ="navigation-menu">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Skills &amp; Field of Interests</a></li>
                    <li><a href="#">Articles</a></li>
                    <li><a href="#">Resume</a></li>
                    <li><a href="#">Contact Me</a></li>
                </ul>
                <span></span>
            </div>
        </nav>
    </header>
<!--Navigation End-->
Run Code Online (Sandbox Code Playgroud)

CSS:

a:link{

    text-decoration: underline;
    color: #ecf0f1;

}

a:hover {

   text-decoration: underline;
    color: #ecf0f1;
}

a:visited {

    text-decoration: underline;
    color: #ecf0f1;
h1
{
font-family: 'Lato', sans-serif;
}

    .navigation-menu-container {


        padding: 30px;
        border: 0;
        font-size: 18px;
        font-weight: …
Run Code Online (Sandbox Code Playgroud)

html css html5

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