Как создать сайт без HTML в исходном коде - PullRequest
0 голосов
/ 09 июля 2019

Я задавался этим вопросом раньше, но так и не получил ответа. Тогда только сегодня я наткнулся на другой сайт: http://ruralcoz.com/ без HTML в исходном коде. Только минимизированный скрипт. Кто-нибудь знает, как разработчик создал этот сайт, и почему они решили заменить все HTML на Javascript? В чем выгода этого? Как это сделать?

Спасибо!

Ответы [ 2 ]

1 голос
/ 09 июля 2019

Этот сайт имеет HTML в исходном коде, а именно:

<!doctype html>
<html lang="en">
  <head>
    <title>Four Points Funding</title>
    <link href="/static/css/main.d6132581.css" rel="stylesheet">
    ...
  </head>

  <body><noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    <script type="text/javascript" src="/static/js/main.0673017f.js"></script>
  </body>

</html>

Все вышеперечисленное является разметкой HTML, и страницы должны иметь HTML, который будет отображаться как HTML-страницы. Обойти это невозможно.

Этому сайту не хватает контента в <body>, который может показаться немного странным, но очень выполнимым. Javascript можно использовать для создания элементов и вставки их в HTML, что происходит здесь. Например:

<script>
  const div = document.createElement('div');
  div.textContent = 'Body content!';
  document.body.appendChild(div);
</script>
0 голосов
/ 09 июля 2019

Это приложение React .React использует JavaScript для создания всего на странице, а затем загружает его в один корневой div на странице.

Есть преимущества в этом, и вы можете прочитать больше об этом здесь

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...