Question

所以我试图把https://codepen.io/Mike-was-here123/full/Ozbzqq/放到repl.it（这个项目） - ＆gt; https://repl.it/@John_Nicole/EcstaticDarkorchidDegrees ＆lt; - 点击运行

我的代码也适用于Brackets（codepen代码），所以它必须是repl？

现在有一些不明显的问题（不是）：

JavaScript没有加载，就像CSS一样。我试过了<script src="index.js"></script>
CSS未加载，是否未正确连接？我只使用过Codepen，所以我以前从未使用过链接（在CSS，HTML，JS之间）
2在1. ^
HTML不灵活（boostrap）所以当它工作时它不会弯曲。

这是我的所有链接＆amp;事情，我真的需要澄清如何做到这一点：

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Your local weather</title>


<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css'>
<link rel="stylesheet" href="css/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="index.js"></script>


</head>

任何帮助都被接受了，如果你的表演就像这样的“菜鸟”，我很抱歉，但我们都在某处学习。我之前从未使用过这个区域，而且它是我较弱的HTML区域。

我从未包含过JavaScript代码，因为我认为它没有错，因为它适用于codepen。 API不能用于repl.it吗？

    // Line 10
navigator.geolocation.getCurrentPosition(function(position) {
          lon = position.coords.longitude;
          lat = position.coords.latitude;
          var api =
            "https://fcc-weather-api.glitch.me/api/current?lat=" +
            lat +
            "&lon=" +
            lon;
          $.getJSON(api, function(data) {

Answer 1

在 replt.it 中编辑html页时，您犯了大错。

您需要在script tag或body中添加head以添加external js个文件但你在head和body tag内加了两个。你需要删除来自script tag的{{1}} head。
repl.it 无法识别tag。这是你的大错。您需要检查href="css/style.css" write代码的位置。 check the image。您的自定义CSS文件名不是CSS index.css。 repl.it 没有任何style.css。喜欢 absolute file path。如果您添加名为css/style.css的新css文件应为custom.css。

我在repl.it为您创建了新的代码段，然后对其进行检查并进行比较。

根据user9319687评论。现在href="custom.css" issue未运行。不，JavaScript正常运行是错误的。 repl.it 无法运行此JavaScript。此 Google script GEO服务需要Location服务器。 Open this link然后转到控制台。

[Deprecation] getCurrentPosition（）和watchPosition（）不再适用于不安全的起源。要使用此功能，您应该考虑将应用程序切换到安全的来源，例如HTTPS。有关详细信息，请参阅here。

需要有关https://和HTTPS问题的详情，请查看StackOverflow和Github

解决方案1：在HTTP中运行此项目，然后它将起作用。
解决方案2：在HTTPS server中运行此项目，然后它将起作用。

如果您因为localhost server中codepen.io正在运行而考虑script codepen.io的运行情况。

HTML，Javascript和CSS无效（链接 - 需要帮助）

1 个答案: