我目前正在为自动停车系统设计UI.它需要能够脱机工作,因为我们不知道代客是否会有互联网连接.我还需要使用Material Design图标.我已经对我的html代码进行了测试,看看Material Design图标是否可以脱机工作,但是,有时页面会很好地加载,在其他情况下Google Chrome会崩溃.我非常感谢能够深入了解正在发生的事情,以及如何使用所需的材料设计图标确保我的页面离线加载.
<!DOCTYPE html>
<html>
<head>
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.css" media="screen,projection"/>
<!--Import the css I designed for this UI specifically-->
<link type="text/css" rel="stylesheet" href="css/menu.css"/>
<!--Import Material Design icons-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import jQuery before materialize.js-->
<script src="jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<!--Import jQuery Keypad CSS-->
<link type="text/css" href="css/jquery.keypad.aps.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.plugin.js"></script>
<script type="text/javascript" src="js/jquery.keypad.js"></script>
<!--Touchscreen keypad for ticket num input just in case ticket scanner doesn't work or they want to edit the ticket number (e.g.ticket …