HTML5中Modernizr类库是做啥用的?具体怎么使用?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5中Modernizr类库是做啥用的?具体怎么使用?相关的知识,希望对你有一定的参考价值。
参考技术A Modernizr 是一个用来检测浏览器功能支持情况的 javascript 库。通过这个库我们可以检测不同的浏览器对于html5特性的支持情况。使用Modernizr类库和使用其他第三方类库的方法是一样的它分为一下几个步骤“1、在官网上下载Modernizr类库。modernizr官网:https://modernizr.com/
2、通过JavaSctipt标签引入Modernizr类库
3、通过具体的代码实现对HTML特性的检测。
这里我们写了一个非常简单的例子来检测浏览器是否支持HTML5中的Canvas API,示例如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>通过Modernizr检测HTML5特性</title>
</head>
<body>
<article>
<h1>通过Modernizr检测HTML5特性</h1>
</article>
<div id="result-stub">
<span id="msg" style="color:red;"></span>
</div>
<script >
window.onload = function()
//通过Modernizr.对浏览器canvas功能进行检测
if (Modernizr.canvas)
$('#msg').text('本浏览器支持Canvas API');
else
$('#msg').text('本浏览器不支持Canvas API');
</script>
//引入modernizr库和jquery库
<script src="../js/jquery.js"></script>
<script src="../js/modernizr.js"></script>
</body>
</html>
这些内容关乎到HTML5中第三方类库的使用,关于HTML5的相关知识我们建议你可以去一个叫做秒秒学的教程网站上看看。本回答被提问者采纳
Laravel 中的 `HtmlString` 是做啥用的?
【中文标题】Laravel 中的 `HtmlString` 是做啥用的?【英文标题】:What is `HtmlString` used for in Laravel?Laravel 中的 `HtmlString` 是做什么用的? 【发布时间】:2017-07-08 06:01:45 【问题描述】:本课程:HtmlString
html = $html; /** * 获取 HTML 字符串。 * * @return 字符串 */ 公共函数 toHtml() 返回 $this->html; /** * 获取 HTML 字符串。 * * @return 字符串 */ 公共函数 __toString() 返回 $this->toHtml();使用:
函数 csrf_field() return new HtmlString('');
它只是“构造”一个字符串并返回字符串本身!
谁能解释一下?非常感谢:)
【问题讨论】:
【参考方案1】:由于它实现了一个接口 (Htmlable
),因此其他方法可能会检查给定的字符串是否应被视为 HTML。
用的不多,但比如Illuminate/Support/helpers.php:519
:
if (! function_exists('e'))
/**
* Escape HTML special characters in a string.
*
* @param \Illuminate\Contracts\Support\Htmlable|string $value
* @return string
*/
function e($value)
if ($value instanceof Htmlable)
return $value->toHtml();
return htmlspecialchars($value, ENT_QUOTES, 'UTF-8', false);
这里可以看到如果$value
附着Htmlable
接口,就可以马上打印出来。否则,字符串以转义形式打印。
【讨论】:
是的,如果您实际编写 HTML(可能使用 Parsedown 或在数据库中存储实际 HTML),您可能会使用 HtmlString 的实例,您可以将字符串作为 HtmlString 而不是文本,它会跳过转义(基本上使用 $variable
而不是必须使用!! $variable !!
)。但是,您需要确保您可以信任文本的来源,这就是转义首先存在的原因。【参考方案2】:
如果我理解得很好,你想在.blade.php
文件中使用它吗?
使用
csrf_field()
【讨论】:
当然是像你说的那样使用XD,但是我很好奇它下面的HtmlString类,谢谢你的时间。 请注意csrf_field()
如何返回HtmlString
,因此在刀片中您可以使用 ...
而不是!! ... !!
进行打印。无需记住打印原始数据并确保它不会被转义以上是关于HTML5中Modernizr类库是做啥用的?具体怎么使用?的主要内容,如果未能解决你的问题,请参考以下文章