时间戳

首页 > 解决方案 > Chrome 扩展程序不显示图像

google-chrome - Chrome 扩展程序不显示图像

问题描述

大家好，这是我正在尝试制作的项目，此扩展将从列表中随机选择一张图片并显示它。当您在 chrome 中打开 index.html 时它会显示它，但是当它是扩展时，我在 chrome 扩展中没有什么新东西。谢谢这是我的代码

 <html>
    <script type="text/javascript">
      var imageURLs = [
           "http://www.myserver.com/images/image1.png"
         , "http://www.myserver.com/images/image2.png"
         , "http://www.myserver.com/images/image3.png"
      ];
      function getImageTag() {
        var img = '<img src=\"';
        var randomIndex = Math.floor(Math.random() * imageURLs.length);
        img += imageURLs[randomIndex];
        img += '\" alt=\"Some alt text\"/>';
        return img;
      }
    </script>
    </head>
    <body>
    <script type="text/javascript">
      document.write(getImageTag());
    </script>
    </body>

    <style>
    #container{
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
          body {
            font-family: "Segoe UI", "Lucida Grande", Tahoma, sans-serif;
            font-size: 100%;
            -webkit-user-drag: none;
        -webkit-user-select: none;
        overflow: hidden;
        width: 400px;
        height: 400px;
          }
          #status {
            /* avoid an excessively wide status text */
            white-space: pre;
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 400px;
          }
        </style>
    <div id="container">
    </html>

标签： google-chromerandom

解决方案

推荐阅读