External css and js not loading on android

Question

When I'm running the HTML on android, chrome is not loading the external CSS and js files, all the files are in the same folder. Repo

Beginner here.

Html

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Palindrome Checker</title>
             <link rel="stylesheet" href="/pali.css"> 
<!-- Before <link rel="stylesheet" href="pali.css">
also tried <link rel="stylesheet" href="./pali.css">  -->
      </head>
<body>
    <h1>Palindrome Checker</h1>
    <div class="main">
    <div class="holder">  
        <div class="bgimg">
        <span>Type in here-</span>
        <input type="text" name="textin" label ="textin" id="Udt1" placeholder="Eg-Racecar">
        <button class="btn" onclick="tex()">Check</button>
      
        </div>
    </div>

     <span class="anshold"><p id="udans">  </p>
         </span>
        </div>
</body>
<script src="/palindrome.js"></script>
</html>

Answer 1

使用 ./ 到您的 css 链接，而不是 /，例如：./pali.css

Answer 2

If the files are in the same folder like you said, the slash isn't necessary - simply <link rel="stylesheet" href="pali.css"> and <script src="palindrome.js"></script> . If that doesn't work, I would also advise looking for spelling errors in the filenames.

External css and js not loading on android

Question

2 answers

solution1
0 2022-06-06 14:01:40

solution2
0 2022-06-06 14:17:58

External css and js not loading on android

Question

2 answers

solution1 0 2022-06-06 14:01:40

solution2 0 2022-06-06 14:17:58

solution1
0 2022-06-06 14:01:40

solution2
0 2022-06-06 14:17:58