Vorlage Vererbung in Laravel 5.4

Ich habe master.blade.php als übergeordnetes Layout deklariert und homepage.blade.php erweitert es. Aber in Chrome und Microsoft Edge ist es in eine iframe verpackt.Vorlage Vererbung in Laravel 5.4

Dies ist master.blade.php

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <title>@yield('title', 'URL Shortner with Safe Browsing')</title> 

    @section('headerScripts') 
    <!-- Bootstrap --> 
    <!-- Latest compiled and minified CSS --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 

    @show 
</head> 
<body> 
@yield('content') 

@section('footerScripts') 
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
@show 
</body> 
</html>

Und das ist homepage.blade.php.

@extends('layouts.master') 

@section('title', 'URL Shortner with Safe Browsing | Home Page') 
@section('headerScripts') 
    @parent 
    <link rel="stylesheet" href="{{ asset('css/ie10-viewport-bug-workaround.css') }}" /> 
    <link rel="stylesheet" href="{{ asset('css/cover.css') }}" /> 
    <script src="{{ asset('js/ie-emulation-modes-warning.js') }}" /> 

@endsection 

@section('content') 
    <div class="site-wrapper"> 

     <div class="site-wrapper-inner"> 

      <div class="cover-container"> 

       <div class="masthead clearfix"> 
        <div class="inner"> 
         <h3 class="masthead-brand">Cover</h3> 
         <nav> 
          <ul class="nav masthead-nav"> 
           <li class="active"><a href="#">Home</a></li> 
           <li><a href="#">Features</a></li> 
           <li><a href="#">Contact</a></li> 
          </ul> 
         </nav> 
        </div> 
       </div> 

       <div class="inner cover"> 
        <h1 class="cover-heading">Cover your page.</h1> 
        <p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.</p> 
        <p class="lead"> 
         <a href="#" class="btn btn-lg btn-default">Learn more</a> 
        </p> 
       </div> 

       <div class="mastfoot"> 
        <div class="inner"> 
         <p>Cover template for <a href="http://getbootstrap.com">Bootstrap</a>, by <a href="https://twitter.com/mdo">@mdo</a>.</p> 
        </div> 
       </div> 

      </div> 

     </div> 

    </div> 
@endsection 
@section('footerScripts') 
    @parent 

@endsection

Dies ist die Ausgabe, die ich im Browser sehe.

in der Entwicklerkonsole Durch die Überprüfung, kann ich sehen, dass es iframe-Wrapper.

nie so etwas begegnet. Irgendwelche Vorschläge. Ich könnte hier etwas falsch machen.

Quelle

2017-04-11 Isuru

Soweit ich sehen kann, ist sie nicht auf Laravel verwendet. Es scheint, dass ein Plugin oder eine Browser-Erweiterung dieses Problem verursacht. Versuchen Sie, alle Browsererweiterungen zu deaktivieren, entfernen Sie alle js-Plugins in Ihrem Code und schauen Sie auf Ihrer Konsole nach Fehlern. Sie können die Registerkarte Netzwerk für geladene Javascript-Dateien überprüfen.

Quelle

2017-04-11 09:13:03 xuma

Ich könnte falsch liegen, aber das ist kein Laravel-Problem. Ich hatte dieses Iframe-Problem zuvor in Chrome, es war die Avira Browser Safety Erweiterung.

Es gibt viele andere Erweiterungen, die ein solches Problem verursachen können. Sie können herausfinden, welcher es ist, indem Sie auf die Quelle des iframe schauen. src="chrome-extension://{id-of-the-extension}".

Wenn Sie den Entwicklermodus in chrome://extensions aktivieren, sehen Sie die Erweiterungs-IDs und sollten in der Lage sein, die Liste zu durchsuchen und die zu deaktivieren, die dies verursacht.

Das gleiche gilt für Microsoft Edge, schauen Sie sich einfach im Abschnitt "Erweiterungen" um.

Quelle

2017-04-11 09:26:25 rolandka

Vorlage Vererbung in Laravel 5.4

Antwort

Verwandte Themen