Just figured out the basic reason for this - **Developer Tools Console must be open** to access right-click options on the browser refresh button. The easiest way I find to open Dev Tools in Chrome is to right-click anywhere on the page and select `Inspect`. 

I guess it is a feature mostly just for developers and the Chrome team doesn&#39;t want regular users accidentally clearing their cache! 

Press **F12** to open the developer tools and then you can **right-click** the reload button, and you get three options - **Reload**, **Hard Reload** (redownloads images) and **Empty Cache and Hard Reload**.

I&#39;ve installed jupyter on local network LAN but im unable to access `http://&lt;IP&gt;:8888` from another macine on LAN. I&#39;ve opened ports 8888 and port range 49152 to 65535 with iptables (this range is specified at http://jupyter-notebook.readthedocs.io/en/latest/public_server.html) 

This guide http://jupyter-notebook.readthedocs.io/en/latest/public_server.html describes exposing a notebook publicly but I&#39;m just attempting to share over LAN.

Have I missed a step ? 

Exposing python jupyter on LAN

I have a test class with a constructor that needs an IService.

&lt;!-- language: lang-c# --&gt;

    public class ConsumerTests
    {
        private readonly IService _service;
        public ConsumerTests(IService servie)
        {
          _service = service;
        }
      
        [Fact]
        public void Should_()
        {
           //use _service
        }
    }

I want to **plugin my DI container of choice** to build the **test class**.

Is this possible with **xUnit**?

Is it possible to use Dependency Injection with xUnit?

I&#39;m trying to do a `hard reload and empty cache` in Chrome because a previously loaded site keeps coming up on the `localhost` port I&#39;m using. Problem is the the right-click options seems to have stopped working, ie. nothing happens when I right-click on the refresh button and I can only left-click and reload the page normally. I had the option before so I know it&#39;s not the Chrome version I am using. It&#39;s pretty annoying. Anyone know what&#39;s happening here? Thanks in advance!

Chrome refresh right-click reload options not available

<p>I'm trying to do a <code>hard reload and empty cache</code> in Chrome because a previously loaded site keeps coming up on the <code>localhost</code> port I'm using. Problem is the the right-click options seems to have stopped working, ie. nothing happens when I right-click on the refresh button and I can only left-click and reload the page normally. I had the option before so I know it's not the Chrome version I am using. It's pretty annoying. Anyone know what's happening here? Thanks in advance!</p>


Is there any way to disable `strict MIME type checking ` in Chrome.

Actually I&#39;m making a JSONP request on cross domain. Its working fine on Firefox but, while using chrome its giving some error in console.

&gt;Refused to execute script from &#39;https://example.com&#39; because its MIME type (&#39;text/plain&#39;) is not executable, and strict MIME type checking is enabled.

Its working perfectly in Mozilla.. Issue is arising in chrome only

Here are the response Headers of the request..

    Cache-Control:no-cache, no-store
    Connection:Keep-Alive
    Content-Length:29303
    Content-Type:text/plain;charset=ISO-8859-1
    Date: xxxx
    Expires:-1
    Keep-Alive:timeout=5
    max-age:Thu, 01 Jan 1970 00:00:00 GMT
    pragma:no-cache
    Set-Cookie:xxxx
    Strict-Transport-Security: max-age=31536000; includeSubDomains
    X-Content-Type-Options:nosniff
    X-Frame-Options:SAMEORIGIN

**Workaround what i think** :
Externally setting content-type to `application/javascript` 

Disable Chrome strict MIME type checking

Google Chrome is now shipping with a download button for videos that are just embedded videos (i.e. not MSE):

![Canary Controls](http://i.imgur.com/tIris6n.png)

I&#39;m having a hard time find any documentation for Chrome&#39;s implementation of the `&lt;video&gt;` tag. Does anyone know if there is a way - short of disabling &quot;controls&quot; and creating your own video player controls - of disabling this feature?

I realize that if this is showing, it&#39;s already easy to download the video, I just want to disable that functionality from appearing as part of the controls. 

Thank you! 

Disable download button for Google Chrome?

Google Chrome started implementing [Blocking the load of cross-origin, parser-blocking scripts inserted via document.write in the main frame](https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/HGh92uMX_kE) on slow networks, which causes the following error:

&gt; A Parser-blocking, cross-origin script, http://example.org/script.js, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity.

However, my web page requires loading a third party script synchronously, using `document.write(&#39;&lt;script src=&quot;...&quot;&gt;&lt;/script&gt;&#39;)`. How to circumvent that blockade?

More about that change:

 - [Design document](https://docs.google.com/document/d/1dMJRQKTw75ZNdknP3pirSBH3koPl_IWHnxlcBuu4t_c/edit)
 - [Longer document](https://docs.google.com/document/d/1AtS83d9joGj-xmt_pZB4Uvvn_9d1aEReRg0rI_5runw/edit)
 - [Web Incubator CG issue](https://github.com/WICG/interventions/issues/17)
 - [Chrome Issue](https://bugs.chromium.org/p/chromium/issues/detail?id=640844)

A Parser-blocking, cross-origin script is invoked via document.write - how to circumvent it?

I noticed this `info log` began to appear in Google Chrome Dev (Version 55.0.2883.18 dev) and I can&#39;t imagine why.

&gt; Slow network is detected. Fallback font will be used while loading: http://font-path.extension`

It appears on all websites that use `font-face`, even on local pages and Chrome extensions.

[![Print screen of a local website][1]](https://i.stack.imgur.com/OrX5p.png)

  [1]: https://i.stack.imgur.com/OrX5p.png



Why does this &quot;Slow network detected...&quot; log appear in Chrome?

I am using geo-location for a site running locally on my machine using HTTP on Chrome. However this does not work as I am running on HTTP as opposed to HTTPS. 

On the console it says:

    getCurrentPosition() and watchPosition() no longer work on insecure origins.
    To use this feature, you should consider switching your application to a 
    secure origin, such as HTTPS. See https://sites.google.com/a/chromium.org/dev/Home/chromium-security/deprecating-powerful-features-on-insecure-origins 
    for more details.

Accoriding to [Deprecating Powerful Features on Insecure Origins][1] its says to start chrome using `--unsafely-treat-insecure-origin-as-secure=&quot;http://example.com&quot;` flag. The command I ran was similar to:

    chrome.exe --unsafely-treat-insecure-origin-as-secure=&quot;http://hello.app&quot;

However, the same error message still appears.

How can I fix this issue.

  [1]: https://sites.google.com/a/chromium.org/dev/Home/chromium-security/deprecating-powerful-features-on-insecure-origins

&quot;unsafely-treat-insecure-origin-as-secure&quot; flag is not working on Chrome

I see in this [pull request][1]:

&gt; - Add a `router.reload()`
&gt;
&gt;     Reload with current path and call data hook again

But when I try issuing the following command from a Vue component: 

    this.$router.reload()

I get this error:

&gt;`Uncaught TypeError: this.$router.reload is not a function`

I searched in the [docs][2], but could not found anything relevant. Does vue/vue-router provider some functionality like this?

The software versions I&#39;m interested in are:

    &quot;vue&quot;: &quot;^2.1.0&quot;,
    &quot;vue-router&quot;: &quot;^2.0.3&quot;,

PS. I know `location.reload()` is one of the alternatives, but I&#39;m looking for a native Vue option.

  [1]: https://github.com/vuejs/vue-router/pull/442
  [2]: https://router.vuejs.org/en/api/router-link.html?q=reload

Do we have router.reload in vue-router?

How can I reload the current page on Angular 2?

if iam in page 2 (pagination) and refresh the page it will show page 1(URL pageload)
but i want i refresh the page 2 and it will appear in page 2

How to reload page the page with pagination in Angular 2?

I know that it is not ideal to reload an Angular Single Page Application. However there is a place that I need to reload the full application.

TSLint says that reload is deprecated.

Is there any alternative for this? 

location.reload(true) is deprecated

We&#39;re currently working on a new project with regular updates that&#39;s being used daily by one of our clients. This project is being developed using angular 2 and we&#39;re facing cache issues, that is our clients are not seeing the latest changes on their machines.

Mainly the html/css files for the js files seem to get updated properly without giving much trouble.

How to prevent Browser cache on Angular 2 site?

I need to somehow detect that the user has pressed a browsers back button and reload the page with refresh (reloading the content and CSS) using jquery.

How to detect such action via jquery?

Because right now some elements are not reloaded if I use the back button in a browser. But if I use links in the website everything is refreshed and showed correctly.

**IMPORTANT!**

Some people have probably misunderstood what I want. I don&#39;t want to refresh the current page. I want to refresh the page that is loaded after I press the back button. here is what I mean in a more detailed way:

1. user is visiting page1.
2. while on page1 - he clicks on a link to page2.
3. he is redirected to the page2
4. **now (Important part!) he clicks on the back button in browser because he wants to go back to page1**
5. he is back on the page1 - and now the page1 is being reloaded and something is alerted like &quot;You are back!&quot;

How to force reloading a page when using browser back button?

I knew that chrome supports `from memory cache` and `from disk cache` when I request resources. However, I didn&#39;t see `from memory cache` before. 

How does chrome determine which resources should be cached in memory?

[![enter image description here][1]][1]


  [1]: https://i.stack.imgur.com/G53Uc.png

How chrome browser determine memory cache and disk cache?

I have a VueJS app. Whenever I run `npm run build` it creates a new set of `dist/*` files, however, when I load them on the server (after deleting the old build), and open the page in browser, it loads the old build (from cache i assume). When I refresh the page, it loads the new code no problem.

This is my index.html:

    &lt;!DOCTYPE html&gt;
    &lt;html lang=&quot;en&quot;&gt;
    	&lt;head&gt;
    		&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;/&gt;
    		&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, maximum-scale=1&quot;/&gt;
    		&lt;meta http-equiv=&quot;cache-control&quot; content=&quot;max-age=0&quot; /&gt;
    		&lt;meta http-equiv=&quot;cache-control&quot; content=&quot;no-cache&quot; /&gt;
    		&lt;meta http-equiv=&quot;expires&quot; content=&quot;-1&quot; /&gt;
    		&lt;meta http-equiv=&quot;expires&quot; content=&quot;Tue, 01 Jan 1980 1:00:00 GMT&quot; /&gt;
    		&lt;meta http-equiv=&quot;pragma&quot; content=&quot;no-cache&quot; /&gt;
    		&lt;link rel=&quot;stylesheet&quot; href=&quot;/static/css/bootstrap.min.css&quot;/&gt;
    	&lt;/head&gt;
    	&lt;body&gt;
    		&lt;div id=&quot;app&quot;&gt;&lt;/div&gt;
    	&lt;/body&gt;
    &lt;/html&gt;

Is there a way to force it to load new code every time or (ideally) to check if the old files are gone from the server, then refresh the browser?

VueJS/browser caching production builds

ES6 modules allows us to create a single point of entry like so:

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-js --&gt;

    // main.js

    import foo from &#39;foo&#39;;

    foo()

&lt;!-- language: lang-html --&gt;

    &lt;script src=&quot;scripts/main.js&quot; type=&quot;module&quot;&gt;&lt;/script&gt;

&lt;!-- end snippet --&gt;


**foo.js** will be stored in the browser cache. This is desirable until I push a new version of **foo.js** to production. 

It is common practice to add a query string param with a unique id to force the browser to fetch a new version of a js file (**foo.js?cb=1234**)

How can this be achieved using the es6 module pattern?

Content Type	Original Author	Original Content on Stackoverflow
Question	mikeym	View Question on Stackoverflow
Solution 1 - Google Chrome	mikeym	View Answer on Stackoverflow
Solution 2 - Google Chrome	Lj Kenji	View Answer on Stackoverflow

Chrome refresh right-click reload options not available

Google Chrome Problem Overview

Google Chrome Solutions

Solution 1 - Google Chrome

Solution 2 - Google Chrome

Is it possible to use Dependency Injection with xUnit?

Exposing python jupyter on LAN

Attributions