Laravel 5.4 中的模板继承答案

【问题标题】：Template Inheritance in Laravel 5.4Laravel 5.4 中的模板继承
【发布时间】：2017-04-11 08:50:55
【问题描述】：

我已将 master.blade.php 声明为父布局，并且 homepage.blade.php 对其进行了扩展。但在 Chrome 和 Microsoft Edge 中，它被包裹在 iframe 中。

这是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>

这是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

这是我在浏览器中看到的输出。

通过查看开发者控制台，我可以看到有iframe 包装器。

从来没有遇到过这样的事情。有什么建议么。我可能在这里做错了。

【问题讨论】：

标签： php laravel laravel-5 laravel-5.4 laravel-blade

【解决方案1】：

据我所知，它与 laravel 无关。似乎插件或浏览器扩展会导致该问题。尝试停用所有浏览器扩展，删除代码中的任何 js 插件并查看控制台是否有错误。您可以检查网络选项卡以获取已加载的 javascript 文件。

【讨论】：

【解决方案2】：

我可能错了，但这不是 Laravel 问题。我之前在 Chrome 中遇到过这个 iframe 问题，它是 Avira Browser Safety 扩展名。

还有许多其他扩展可能会导致此类问题。您可以通过查看 iframe 的来源找出它是哪一个。 src="chrome-extension://{id-of-the-extension}".

如果您在chrome://extensions 中启用开发者模式，您将看到扩展程序 ID，并且应该能够搜索列表并禁用导致此问题的那个。

Microsoft Edge 也是如此，只需查看扩展部分即可。

【讨论】：