質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.61%

injection.jsに関するエラーについて

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,359

score 21

デベロッパーツールにコンソール画面にて、
下記エラー?が表示されます。
イメージ説明
injection.jsに関するエラーと表示されておりますが、よく分からず。。。。
こちらの表記を削除するにはどうしたらいいか教えて頂けますか?

試したこと
jsに関するエラーかと推測し、jsファイルを全て削除してみましたがダメでした。。

追記-----------------------

作業環境:gulp
PC:mac OS 
検証ブラウザ:Chrome

自身のPCおよびChromeのコンソール画面にのみ(他のブラウザでは特に表示されず。)表示されるエラーでした。
(他の方のChromeのコンソール画面では表示されませんでした)

<!doctype html>
<html lang="ja">

<head>
    <meta charset="utf-8">
    <title>テスト</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="">
    <meta property="og:url" content="[サイトURL絶対パス]">
    <meta property="og:title" content="">
    <meta property="og:description" content="">
    <!-- ↓アイコン -->
    <link rel="icon" type="image/x-icon" href="/shared/img/favicon.ico">
    <!-- ↓stylesheets -->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/slick-theme.css">
    <link rel="stylesheet" href="css/slick.css">
</head>

<body id="top">
    <div class="container">
        <!--#include virtual="shared/include/header.html"-->
        <!--#include virtual="shared/include/side_menu.html"-->

        <div class="bodyArea">
            <!-- この中にコンテンツ -->
            <main class="main_contants">
                <section class="top-sec">
                    <div class="slick-slider">
                        <div><a href=""><img src="/shared/img/top/slide1.png" alt="スライド1"></a></div>
                    </div>
                </section>

                <section class="top-sec01">
                    <div class="section-in flex f-sb f-wp">
                        <div class="news-ttl-box">
                            <h2>新着情報<span>NEWS</span></h2>
                        </div>
                        <div class="news-list-box">
                            <a href="">
                            <dl>
                                    <dt><time>2019.2</time>タイトル</dt>
                                    <dd>テキストテキストテキストテキストテキストテキスト</dd>
                            </dl>
                            </a>

                            <p class="taC"><a href="" class="default-btn">ニュース一覧</a></p>
                        </div>
                    </div>
                </section>

                <section class="top-sec02">
                    <div class="section-in">
                        <ul class="flex f-sb f-wp">
                            <li><a href=""><img src="/shared/img/top/top_sec02_bnr1.jpg" alt=""></a></li>
                            <li><a href=""><img src="/shared/img/top/top_sec02_bnr2.jpg" alt=""></a></li>
                            <li><a href=""><img src="/shared/img/top/top_sec02_bnr3.jpg" alt=""></a></li>
                        </ul>
                    </div>
                </section>
                <!--#include virtual="shared/include/footer.html"-->
            </main>
            <!-- ここまでコンテンツ -->
        </div><!-- /.bodyArea -->
    </div><!-- /.container -->

    <!-- ↓js -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script src="shared/js/slick.min.js"></script>
    <script src="shared/js/common.js"></script>
</body>

</html>
/*--------------------------------------------------------------
    html/body
---------------------------------------------------------------*/
* {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

body {
    color: #333;
    line-height: 1.2;
    word-break: break-word;
    width: 100%;
    font-weight: 300;
    font-size: 1.6rem;
    letter-spacing: 0.01em;
}
/*------------------------------------------------------
    ボタン
--------------------------------------------------------*/
.default-btn {
    display: inline-block;
    width: 300px;
    text-align: center;
    text-decoration: none;
    outline: none;
    height: 45px;
    line-height: 43px;
    transition: 0.3s;
    background-color: #821717;
    border: 2px solid #821717;
    color: #fff;
    border-radius: 50px;
    position: relative;
    font-weight: 600;

    &:after {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
        position: absolute;
        right: 25px;
        top: calc(50% - 4px);
    }

    &:hover {
        background-color: #fff;
        border-color: #821717;
        color: #821717;

        &:after {
            border-top: 2px solid #821717;
            border-right: 2px solid #821717;
        }
    }
}
/*------------------------------------------------------
    ホバーアクション
--------------------------------------------------------*/
a img {
    transition: .2s;
}

a img:hover {
    opacity: .6;
}
/*------------------------------------------------------
    幅
--------------------------------------------------------*/
.section-in {
    max-width: 1200px;
    width: 95%;
    margin: 0 auto;
    padding: 80px 0;
}

.main_contants > .section-in {
    width: 95%;
    padding: 80px 0 40px;
}

.main_contants {
    left: 220px;
    position: absolute;
    width: calc(100% - 220px);
    background: url(../../shared/img/under_bg1.jpg) no-repeat;
    background-size: 100%;
    background-position-x: right;
}
//--------------------------------------------------------------
//    1200px以上
//--------------------------------------------------------------
@include media(ll) {
    .section-in {
        width: 1200px;
        min-width: 950px;
    }
}
//--------------------------------------------------------------
//    タブレット
//--------------------------------------------------------------
@include media(l) {
    .section-in {
        width: 95%;
    }
}
//--------------------------------------------------------------
//    スマートフォン
//--------------------------------------------------------------
@include media(s) {
    .main_contants {
        left: 0;
        top: 65px;
        width: 100%;
        overflow: hidden;
    }

    .section-in {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        padding: 60px 20px;
    }

    .main_contants > .section-in {
        padding: 60px 20px 0;
    }
    //スイッチ
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }
    //ボタン
    .default-btn {
        width: 100%;
    }
    //タイトル / テキスト
    .heading-l {
        font-size: 3rem;
        padding-left: 25px;
        top: -25px;

        &:before {
            height: 125px;
        }
    }

    .heading-m {
        margin-bottom: 40px;
    }

    .default-txt {
        text-align: justify;
    }
}

/*--------------------------------------------------------------
TOP-CSS
---------------------------------------------------------------*/


.under-bottom-img {
    position: relative;
    bottom: -90px;
    max-width: 1200px;
    margin: -100px auto 0;
}

#top {

    .main_contants {
        background: none;
    }

    .under-top-img {
        display: none;
    }

    .top-sec {
        .top-sec-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 30%;
            z-index: -1;
        }
    }
    //top-sec01-----------------
    .top-sec01 {
        background: url("../../shared/img/top/top_sec01_bg.jpg") no-repeat;

        .news-ttl-box {
            background: #fff;
            width: 18%;
            color: #7bb8fb;
            padding: 1.6em;
            min-height: 150px;
            height: 100%;

            h2 {
                font-size: 2.2rem;
                font-weight: bold;
                span {
                    display: block;
                    margin-top: 5px;
                }
            }
        }

        .news-list-box {
            width: 79%;
            background: rgba(255,255,255,.7);
            padding: 30px 40px;

            dl {
                border-bottom: 1px solid #a3a3a3;
                padding-bottom: 20px;
                margin-bottom: 20px;

                dt {
                    color: #821717;
                    width: calc(100% - 70px);
                    font-weight: bold;

                    time {
                        width: 70px;
                        display: inline-block;
                    }

                    &::after {
                        content: '';
                        display: inline-block;
                        width: 20px;
                        height: 20px;
                        background-image: url("../../shared/img/top/news_arrow.png");
                        background-size: contain;
                        vertical-align: middle;
                        margin: -3px 0 0 7px;
                    }
                }

                dd {
                    margin-top: 10px;
                    margin-left: 70px;
                }
            }
        }
    }
    //top-sec02------------------
    .top-sec02 {
        ul {
            li {
                width: 49%;

                &:last-child {
                    width: 100%;
                    margin-top: 1.5em;
                }
            }
        }
    }
}
//--------------------------------------------------------------
//    スマートフォン
//--------------------------------------------------------------
@include media(s) {
    .under-top-img {
        max-width: 100%;
    }

    .under-bottom-img {
        bottom: 0;
        margin-top: 0;
        max-width: 100%;
    }

    #top {
        //top-sec01-----------------
        .top-sec01 {
            background-size: cover;

            .news-ttl-box {
                width: 50%;
                margin: 0 auto 20px;
                height: auto;
                min-height: auto;
                background: none;
                text-align: center;
                padding: 0;
                color: #fff;
            }

            .news-list-box {
                width: 100%;
                padding: 20px;
                margin-top: 20px;

                dl {
                    dt {
                        width: 100%;
                    }

                    dd {
                        margin-left: 0;
                        line-height: 1.4em;
                    }
                }
            }

            .section-in {
                padding: 60px 20px;
            }
        }
        //top-sec02------------------
        .top-sec02 {
            ul {
                li {
                    width: 80%;
                    margin: 0 auto 25px;

                    &:last-child {
                        margin-top: 0;
                    }
                }
            }
        }

        .under-img-area {
            bottom: 0;
            margin-top: -120px;
        }
    }
}
$(function() {



  // ハンバーガーメニュー開閉
  $(".menu-mobile").click(function(e) {
    $(".global_navi").toggleClass('show-on-mobile');
    e.preventDefault();
  });
  $('.menu-mobile').on('click', function() {
    $(this).toggleClass('menu-active');
    return false;
  });
  // closeボタンで閉じる
  $(".menu_close").on('click', function() {
    if ($(window).width() <= 767) {
      $('.menu-mobile').removeClass('menu-active');
      $('.global_navi').removeClass('show-on-mobile');
    }
  });


// サブメニューボタン開閉
$(".sub_switch > a > span").click(function(e) {
  if ($(window).width() <= 767) {
    $(this).parents('.sub_switch').children("ul").fadeToggle(150);
    $(this).parents('.sub_switch').toggleClass('menu-open');
    return false;
  }
});

//スムーススクロール
var headerHight = 100;
$('a[href^="#"]').on('click', function() {
  var speed = 500;
  var href = $(this).attr("href");
  var target = $(href == "#" || href == "" ? 'html' : href);
  var position = target.offset().top - headerHight;
  $('body,html').animate({
    scrollTop: position
  }, speed, 'swing');
  return false;
});

});
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • sansaisoba

    2019/04/04 18:29

    エラーではなく、開発者向けのデバッグメッセージのように見えます。

    どちらにせよ、injection.jsというものの正体がわからないので、どういう環境であるかの追加情報があった方が良いでしょう。

    > jsファイルを全て削除
    この対応方法は…ちょっとおかしいです。
    必要なものだからjsファイルがあると思いますし、問題の解決ではなく蓋をしてるだけなので、問題解決能力はあがらないでしょう。
    また、削除しても良いものであれば、そもそも残しておくべきではありません。

    キャンセル

  • t_obara

    2019/04/04 19:43

    必要最小限の再現環境を作ってみてください。その上で、その際に発生するHTMLファイルやjavascriptファイルなどをご提示ください。

    キャンセル

  • hayakawatakuma

    2019/04/05 15:44

    失礼いたしました。追加しました。

    キャンセル

回答 1

checkベストアンサー

+1

ソース上でもinjection.jsというものを使用しているようには見えないことと、他のブラウザでは表示されないということで、
質問者様のChromeでのみ表示されているということになると思います。

何かしら拡張機能(Extention)はインストールされていませんか?
全ての拡張機能を無効にして再度試してみてください。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/04/23 10:45

    アドオンいったん全てOFFにしてみたところ消えました。
    後はどのアドオンが原因か確認してみますね。
    ありがとうございます!

    キャンセル

  • 2020/06/22 14:37

    補足です
    Read Aloud: A Text to Speech Voice Reader
    ではないかと思います。

    https://chrome.google.com/webstore/detail/read-aloud-a-text-to-spee/hdhinadidafjejdhmfkjgnolgimiaplp

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.61%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る