Software

If you have installed the mobile version of Chrome on your device with Android or iOS, you can enter the web in question and ask to see the desktop version from the browser menu. To do so, on either device, open Google Chrome and the page you want to visit. Once there press on the menu (on iOS there are three horizontal lines on top of each other and on Android they are three points, both are on the right corner) and look for the option "See as on a computer" that you can mark to that stays permanently and applies to each website you visit

OperatingSystem:

Technology:

One solution to this problem is:

-Open Chrome on your computer.
-At the top right, click More and then click configuration.
-At the bottom, click Advanced settings.
-In the "Passwords and forms" section, click Manage passwords.
-In the "Saved passwords" section, on the right side of the website, click More and then click on Delete

I have been using Angular 2 for a while, and it can get quite confusing.
I strongly recomend using Angular CLI, not only becuase it creates a basic working application (with a properly organized skeleton), but because it helps the administration of libraries (angular internal or external).
In order to install a library, if you're using Angular CLI, your project (in Angular 2) will have a package "angular-cli.json" where under the section "scripts" every installed package (.js) is referenced.
You will only need to launch the command ng serve, and all packages referenced will be installed!!

I have been using Angular 2 for a while, and it can get quite confusing.
I strongly recomend using Angular CLI, not only becuase it creates a basic working application (with a properly organized skeleton), but because it helps the administration of libraries (angular internal or external).
In order to install a library, if you're using Angular CLI, your project (in Angular 2) will have a package "angular-cli.json" where under the section "scripts" every installed package (.js) is referenced.
You will only need to launch the command ng serve, and all packages referenced will be installed!!

Chrome will hopefully offer this settings option (disable autoplay) in the next release (Chrome 64), expected on January 2018. So no extensions will be required, although they are very helpful now!

Source:
https://www.forbes.com/sites/leemathews/2017/09/15/google-chrome-stop-au...

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)

Technology:

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.

Technology:

Browsersync is an automation tool that can watch files for changes and inject them into a web page without reload.

Usage:

  • Install Node.js
  • Install Browsersync
    npm install -g browser-sync
  • Start Browsersync
    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);
});

Technology:

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

Taggings:

Pages

Subscribe to Software