If after using adblock of the browser's configurations pop-ups keep showing up, or you are still been redirected to other websites, the solution is to reset the browser's configurations and then repeat the process of installation of adblock and the browser settings.
TO RESET BROWSER (Chrome):
1. Open Chrome.
2. At the top right, click More More and then Settings.
3. At the bottom, click Advanced.
4. Under "Reset," click Reset.
5. Confirm by clicking Reset.
Unfortunately in some browsers isn't such functionality built in therefore it is necessary to use some tricks or extensions. As well as it is necessary to differentiate between HTML5 and Flash video.
Chrome
HTML5
Such functionality will be built-in the Chrome since January 2018, now following can be used:
Disable HTML5 autoplay extension
https://chrome.google.com/webstore/detail/disable-html5-autoplay/efdhoaa...
Flash videos
In the Chrome menu, go to settings and scroll down to Show Advanced Settings. Click this and under the Privacy heading, click Content Settings. In the pop-up window, scroll down to Plug-ins and select the Click to play radio button.
Firefox
HTML5
(1) In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button promising to be careful.
(2) In the search box above the list, type or paste media*play and pause while the list is filtered
(3) To delay media from auto-starting in background tabs, I suggest: double-click the media.block-play-until-visible preference to switch the value from false to true
(4) To prevent media from auto-starting in any tabs: double-click the media.autoplay.enabled preference to switch the value from true to false
Flash videos
Flashstopper extension
https://addons.mozilla.org/cs/firefox/addon/flashstopper/
Opera
HTML5
Disable HTML5 Autoplay extension
https://addons.opera.com/en/extensions/details/disable-html5-autoplay/?d...
Flash videos
Use same approach as for Flash videos in Chrome (see above)
The problem can be solved by using a Nginx reverse proxy. Each application will be exposed through a corresponding sub-domain.
Dockerfile:
FROM nginx:alpine
COPY nginx.conf /etc/nginx/conf.d/default.conf
COPY proxy.conf /etc/nginx/includes/proxy.conf
proxy.conf:
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_buffering off;
proxy_request_buffering off;
proxy_http_version 1.1;
proxy_intercept_errors off;
nginx.conf:
# pm config.
server {
listen 80;
server_name site1.myproject.com;
location / {
include /etc/nginx/includes/proxy.conf;
proxy_pass http://site1_webserver_1;
}
access_log off;
error_log /var/log/nginx/error.log error;
}
# api config.
server {
listen 80;
server_name site1.myproject.com;
location / {
include /etc/nginx/includes/proxy.conf;
proxy_pass http://site2_webserver_1;
}
access_log off;
error_log /var/log/nginx/error.log error;
}
# Default
server {
listen 80 default_server;
server_name _;
root /var/www/html;
charset UTF-8;
access_log off;
log_not_found off;
error_log /var/log/nginx/error.log error;
}
The proxy_pass is the name of the application's docker container.
Browsersync is an automation tool that can watch files for changes and inject them into a web page without reload.
Usage:
npm install -g browser-sync
browser-sync start --proxy "myproject.dev" --files "css/*.css"
Browsersync will create a proxy that will wrap your vhost myproject.dev with a proxy URL.
It can also be used with gulp:
var browserSyncWatchFiles = [
'./style.css',
'./js/*.min.js',
'./*.php'
];
var browserSync = require('browser-sync').create();
var browserSyncOptions = {
proxy: "myproject.dev",
notify: false
};
gulp.task('browser-sync', function () {
browserSync.init(browserSyncWatchFiles, browserSyncOptions);
});
In that case make sure you only remove the staged version, and add the file to your .gitignore to avoid making the same mistake a second time:
git reset filename # or git remove --cached filename
echo filename >> .gitingore # add it to .gitignore to avoid re-adding it
If Hyper-V was manually uninstalled or virtualization was disabled, Docker for Windows will not start.
A solution is to enable the virtualization on your machine. In order to do that you have to access the BIOS, select the Intel Virtual Technology and enable the virtualization.
Save the changes and restart the computer, then Docker can be started and used for deploying.
First a Script Manager has to be downloaded. Since I am using Firefox, I have installed Greasemonkey.
Than I needed to subscribe to an Anti-Adblock Killer list and install a UserScript. This prevents the detection of the ad blocker by the browser and allows it for the user to see the web site content, although the add blocker is still activated.
I first installed cytoscape.js via npm. In the typescript-file (for Angular) I imported it by “import * as Cytoscape from 'cytoscape';”. And finally to use a Cytoscape instance I could store it in a variable by initializing it via “this.cy = Cytoscape({container: document.getElementById('cy'), … });”.
Other option could be also install AdBlock extension for Chrome.
1. Open chrome in your computer
2. In the top right click more
3. Click on more tools - extensions
4. Click at bottom - Get more extensions
5. Search for AdBlock
6. Install the extension.