google scripts / html пытается отобразить страницу внутри страницы

ProgramBox

google scripts / html пытается отобразить страницу внутри страницы

Post author:admin
Запись опубликована:27 февраля, 2023
Post category:Вопросы по программированию

#javascript #html #css #google-apps-script

#javascript #HTML #css #google-apps-script

Вопрос:

Сначала я покажу свой код, это мой html-код, который выполняется:

 <!DOCTYPE html>
<html>
    <head>
    <title>Elliots Site</title>
    <base target="_top">
    <?!= include('Gcss'); ?>
      <script type="text/javascript">
       
      </script>
    </head>
    <body>
    <div class="page">
      <iframe style="width: 100%; height: 100px; overflow: hidden;" src="http://google.com" width="100" height="100" scrolling="no">Iframes not supported</iframe>
      <h1 class="emoj">"😀"</h1>
     </div> 
        <?!= include('Gjavascript'); ?>
    </body>
</html>

И это мой файл css:

 <style>
    /* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
      html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
}

.page iframe {
vertical-align:center;
width=200%;
height=100%;
}
.page .emoj {
text-align:center;
color:auto;
vertical-align:center;
}
.page{
background-color:white;
align-items: center;
height:400px;
background-attachment: fixed;
background-repeat: no-repeat;
text-align:center;
}
<style>

У меня также есть еще два файла для запуска кода и применения файла css, который, я уверен, не является проблемой. Это первый файл gs, который является формой js, код начинается с doGet

 function doGet() {
return HtmlService.createTemplateFromFile('gindex')
.evaluate();
}
function include(filename) {
  return HtmlService.createHtmlOutputFromFile(filename)
  .getContent();
}

и другой, который является html:

 <!DOCTYPE html>
<script>
window.addEventListener('load', function() {
  console.log('Page is loaded');
});
</script>

Хорошо, теперь вопрос. Текущий результат — это просто пустая страница, и она даже не печатает текст. до сих пор я не пробовал ничего, что привело бы к большому успеху, до сих пор я работал над файлом css, чтобы попытаться это исправить. Я провел исследование, но не смог найти много в Google scripts. цель кода — отобразить домашнюю страницу Google внутри сайта, я развертывал ее как веб-страницу. Это мой первый пост, если у вас есть вопросы, на которые я мог бы ответить или проверить, пожалуйста, дайте мне знать

1. Использование только этих тегов подходит для css <style></style> , и если вы не используете шаблонный html, вы можете поместить их все на одну страницу.

2. хорошо, спасибо за ответ, я сделаю это, но решит ли это проблему или просто общее предложение

3. кто-нибудь, помогите мне, пожалуйста

4. 😭😭😭:'(:'(:'(:-(:-(:-(😭😭😭

5. Я обновил код до URL-адреса ironixx и двух строк кода, <meta charset=»UTF-8″> <meta name=»viewport» content=»width=device-width, initial-scale= 1.0″>

Ответ №1:

Ваш код выглядит немного запутанным из-за того, как он предоставлен, поэтому для демонстрационных целей я сделал свой собственный. Если вы хотите «встроить» google.com первая страница на вашем сайте, затем используйте iframe, но вместо того, чтобы использовать google.com попробуйте воспользоваться этой ссылкой => https://www.google.com/webhp?igu=1 в противном случае он ничего не покажет.

PS Для предварительного просмотра кода используйте полноэкранный режим.

         
        .frame {
            height: 700px;
            width: 600px;
        }
        
        .page {
            text-align: center;
        }
        
        body {
            background-color: grey;
            height: 100vh;
            overflow: hidden;
        }

 <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>IRONIXX</title>

</head>
<body>
    <section class="page">
        <h1 class="emoj">"😀"</h1>
        <iframe class="frame" src="https://www.google.com/webhp?igu=1" frameborder="0"></iframe>
    </section>
</body>

</html>

1. святая корова! это удивительно, я протестирую новый URL в своем коде (не хотел бы красть вашу работу), но вы также не знаете, насколько полезно изучать тот же код с теми же концепциями, которые я использовал, но отформатированный лучше. Я так благодарен, что вы уделили время не только попыткам помочь с проблемой, но и переписали код

2. @ElliotMassey — не стесняйтесь использовать его так, как вы хотите / нуждаетесь, если это поможет решить ваш вопрос. 😉

Ответ №2:

Я знаю, что это не решает ваш сценарий с пустой страницей напрямую, но если вы заинтересованы во вложении другого сайта в свой, возможно, вам было бы интересно использовать iframe вместо этого?

Вот генератор. Попробуйте ввести google.com и посмотреть, сможете ли вы встроить его на свой сайт.

1. Я перешел на iframe (должен сказать, я забыл о них, я использовал iframes в начале, но начал использовать другие материалы, чтобы попытаться исправить ошибку) я обновлю сообщение и хотел бы получить больше решений или общих отзывов!