小编Yvo*_*row的帖子

我正在建立一个角度为4和asp.net的网站.

当您进入网站时,您可以看到适合移动尺寸的主页(这就是我想要的).

然后当我导航到订单页面时,它看起来像这样:

订单页面

但是当我从订单页面再次导航回主页时,它会更改屏幕,根本不适合移动设备.

码:

app.component.html

<app-nav_mobile></app-nav_mobile>
<app-header></app-header>
<app-navbar></app-navbar>
<router-outlet> </router-outlet>
<app-footer></app-footer>

nav_mobile.component.html

    <div id="preloader" class="signature-dierk">
    <div id="status"></div>
</div>
<!-- end : preloader -->
<!-- mobile only navigation : starts -->
<nav class="mobile-nav signature-dierk">
    <ul class="slimmenu">
        <li><a [routerLink]="['/home']">Home page</a></li>
        <li><a [routerLink]="['/order']">orders</a></li>
        <li><a href="checkout.html">checout </a></li>
        <li><a href="products.html">producst</a></li>
        <li><a href="gallery.html">gallery</a></li>
        <li><a href="about.html">about</a></li>
    </ul>
</nav>
<!-- mobile only navigation : ends -->

home.component.html

<section class="mastwrap signature-dierk">
<div class="inner-wrap">

    <section class="intro07 signature-dierk">

        <div id="rev_slider_3_1_wrapper" class="rev_slider_wrapper fullscreen-container">
            <!-- START REVOLUTION SLIDER 4.6.5 fullscreen mode …

我有一张表格供人们报名轮班。页面上有多个班次，并且我有一个onchange通过 Ajax 发送注册的事件。

<select name="user" class="assign_user" id="user1">
   <option value="user1234" selected="selected">Joe Bloggs</option>
   <option value="">No-one</option>
   <option value="user1235">Jane Mahon</option>
   <option value="user1236">Ahmed Kitab</option>
   <option value="user1237">Dave Smew</option>
</select>

如果 <option value="">No-one</option>选择，我想select以黄色突出显示该元素。

我想不出只用 CSS 来做到这一点的方法。我试过

select[value=''] {  
   background-color:lightyellow; 
}

但据我所知，方括号中的属性过滤器不接受空值。

编辑：为了清楚起见，当页面加载以及元素更改时，应突出显示空选择元素

我是Service Worker的新手，并且浏览了各种文档（Google，Mozilla，serviceworke.rs，Github，StackOverflow问题）。最有用的是ServiceWorkers食谱。

大多数文档似乎都指向缓存整个页面，以便该应用程序完全脱机工作，或者将用户重定向到脱机页面，直到浏览器可以重定向到Internet。

但是，我想做的是将表单数据存储在本地，以便我的Web应用程序可以在用户连接恢复后将其上传到服务器。我应该使用哪个“食谱”？我认为这是Request Deferrer。我是否需要其他任何东西来确保Request Deferrer可以正常工作（除了我网页中的Service Worker检测器脚本之外）？任何提示和技巧大加赞赏。

控制台错误

Request Deferrer配方和代码似乎不单独工作，因为它不包含文件缓存。我为服务工作者库文件添加了一些缓存，但是在脱机时提交表单时仍然出现此错误：

Console: {"lineNumber":0,"message":
"The FetchEvent for [the form URL] resulted in a network error response: 
the promise was rejected.","message_level":2,"sourceIdentifier":1,"sourceURL":""}

我的服务人员

/* eslint-env es6 */
/* eslint no-unused-vars: 0 */
/* global importScripts, ServiceWorkerWare, localforage */
importScripts('/js/lib/ServiceWorkerWare.js');
importScripts('/js/lib/localforage.js');

//Determine the root for the routes. I.e, if the Service Worker URL is http://example.com/path/to/sw.js, then the root is http://example.com/path/to/


var …