Problem z połączeniem JS z HTML

pytanie zadane 2 kwietnia 2019 w JavaScript przez Steady Obywatel (1,140 p.)

Pisze aktualnie wtyczke do chroma, która posiada skrypt JS:

$(function(){

	$.getJSON('https://api.twitch.tv/kraken/streams/freecodecamp?client_id=3g6rgcf39e5z3nsnbd434ssd84zxabbf7').done(function(data){
    console.log(data);
    
    if(data.stream===null){
      $('#fccStatus').html('Offline');
    }
    else {
      $('#fccStatus').html('Online');
    }
  });
  
  $.ajax({
    type: 'GET',
    url: 'https://api.twitch.tv/kraken/channels/freecodecamp',
    headers: {
      'client-ID' : '3g6rgcf39e5z3nsnbd434ssd84zxabbf7'
    },
    success: function(data2){
      document.querySelector('.game').textContent = (data2.game);
    }
    
  })
  
  $.ajax({
    type: 'GET',
    url: 'https://api.twitch.tv/kraken/streams/freecodecamp',
    headers: {
      'client-ID' : '3g6rgcf39e5z3nsnbd434ssd84zxabbf7'
    },
    success: function(data3){
      document.querySelector('.online').textContent = (data3.stream.viewers);
    }
  })

oraz skrypt HTML:

<body>
<div class="dane">
 <div class="status">
              <a href="https://www.twitch.tv/freecodecamp" target="_blank">
              <h3 id="fccStatus"></h3>
             </a>
            </div>
<div class="game">
          <i class="icon-gamepad"></i>
        </div>
<div class="online">
            <i class="icon-users-1"></i>
        </div>
        
      </div>
<script  src="js/index.js"></script>
</body>

Kiedy włączam HTML jako strone to wszystko działa. Wczytuje się HTML, CSS i JS.

Problem pojawia, kiedy załaduje cały folder jako Rozszerzenie w Chrome.

Wtedy pojawia się wszystko oprócz skryptu JS. Tak jakby nie został wczytany.

Czy ktoś się orientuje jak mogę to naprawić?

komentarz 2 kwietnia 2019 przez adrian17 Ekspert (344,860 p.)

(kopia poprzedniego pytania?)

Problem pojawia, kiedy załaduje cały folder jako Rozszerzenie w Chrome.

W jakim sensie "ładujesz folder jako rozszerzenie"? Jak to wygląda, jaki jest manifest?

Co to znaczy, że skrypt się "nie pojawia"? W devtoolsach rozszerzenia, czy gdzie?

komentarz 2 kwietnia 2019 przez Steady Obywatel (1,140 p.)

Manifest:

{
  "name": "My Bookmarks",
  "version": "1.1",
  "description": "A browser action with a popup dump of all bookmarks, including search, add, edit and delete.",
  "permissions": [
    "bookmarks",
    "notifications",
      "*://*.twitch.tv/*",
        "*://static-cdn.jtvnw.net/*"
  ],
 
  "browser_action": {
      "default_title": "My Bookmarks",
      "default_icon": "icon.png",
      "default_popup": "popup.html"
  },
  "manifest_version": 2,
  "content_security_policy": "script-src 'self' https://ajax.googleapis.com; object-src 'self'"
  
}

Skrypt JS się nie pojawia - kiedy wchodzę w Rozszerzenia Chrome i wybieram opcje 'Załaduj rozpakowane' by przetestować czy wszystko działa, mam tylko i wyłacznie tekst dodany w HTML oraz szate graficzną ustawioną w CSS. Nie pojawią mi się rzeczy pobrane przez AJAX.

komentarz 2 kwietnia 2019 przez adrian17 Ekspert (344,860 p.)

Czyli nie sprawdziłeś w inspektorze, czy skrypt się ładuje, tylko czy robi to co ma robić.

Na oko, o ile nie zepsułeś ścieżek, ten JS powinien się załadować. Sprawdź w inspektorze, czy faktycznie jest i czy w konsoli nie rzuca żadnymi ostrzeżeniami.

komentarz 2 kwietnia 2019 przez Steady Obywatel (1,140 p.)

Całkowicie zapomniałem o tym, że w konsoli mogę sprawdzić co i jak.

Okazało się, że potrzebował wpisać jeszcze w body

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'>
</script>

Teraz wszystko śmiga idealnie. Bardzo dziękuje za pomoc :)

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

–1 głos

1 odpowiedź 2,248 wizyt

Jak zrobić czat? (HTML + CSS + JS + PHP + MYSQL)

pytanie zadane 13 lutego 2016 w C i C++ przez MatiiTv Gaduła (3,790 p.)

0 głosów

1 odpowiedź 103 wizyt

Problem z JS

pytanie zadane 31 marca 2020 w JavaScript przez iNakeii Obywatel (1,030 p.)

0 głosów

1 odpowiedź 232 wizyt

Wywołanie Ajax w HTML

pytanie zadane 2 kwietnia 2019 w JavaScript przez Steady Obywatel (1,140 p.)

Problem z połączeniem JS z HTML

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci