browser , Whats the connection between the browser and the Internet?


Whats the connection between the browser and the Internet?

Question:

Tag: browser

How does a browser fit in to the internet? The router connects you to the ISP servers and then you get connected to the internet, correct? How does the browser take your computer and relate it to the internet?


Answer:

A browser is, in the most basic sense, a web page renderer. It's main job is to retrieve a page (usually a HTML text file) from the web and display it to you so you can interact with that page. Inside the HTML there can be references to images and scripts, and the browser manages them for you. Example: You want to access the StackOverflow page.

Step 1: You type the adress in the browser (http://www.stackoverflow.com)

Step 2: The browser converts the adress to a IP adress (using DNS services), and then sends a HTTP request to that IP

Step 3: The page is retrieved

Step 4: The browser parses the page and retrieves any images or files required by that page (all through HTTP requests)

Step 5: The browser renders the page and shows it in your screen

Step 6: When you click in a link, the browser sends another HTTP request and the the process starts again

HTTP is not the only protocol used in the web, I used it for the sake of simplicity.

If you want to understand the "how" of all that, you would have to study computer languages and programming.

I suggest you to read these pages:

http://en.wikipedia.org/wiki/Internet_Protocol

http://en.wikipedia.org/wiki/Domain_Name_System

http://en.wikipedia.org/wiki/HTML

http://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol

http://en.wikipedia.org/wiki/Web_browser


Related:


Is it possible to interact with an arbitrary client peripheral from a webapp?


javascript,browser,camera,peripherals
I know a webapp can access media devices like microphones and webcams, and other hardware like a smartphone's GPS. As far as I know, that's done with tightly constrained protocols for each specific type of device. However, I have an advanced scientific camera. It is only useful with a computer...

Java Selenium WebDriver with Yandex


java,selenium,browser,selenium-webdriver,yandex
At the moment, I use Firefox as browser for my Java Application with Selenium. But Firefox is slow. Is it possible to use Yandex as browser? Didn't find anything in Google. Does Selenium supports Yandex? For Chrome I need the .exe for using Chrome as browser. Is this possible with...

How to prevent iFrame actions from causing outer page to scroll to it


javascript,iframe,browser,scroll
First, I know there are many questions about this phenomenon but none of the workarounds given so far would help in the situation I have here. Environment: My code is in the Outer iFrame inside a page I don't control. It's sized to fit all my content so no scrolling...

What do I need to do to my HTML to allow accented characters to properly display?


html,browser,html-escape-characters
I have HTML like this (combination of English and Spanish): <p><em><span class="consolas">In </span><span class="english">English</span><span class="consolas"> and </span><span><strong>Spanish</strong></span></em><em><span class="consolas"> / En </span><span class="english">Inglés</span><span class="consolas"> y...

Add possibility to launch commands from browser


python,browser
I have a simple browser in python #!/usr/bin/env python import sys import gtk import webkit DEFAULT_URL = 'http://www.stackoverflow.com' # Change this as you Wish class SimpleBrowser: # needs GTK, Python, Webkit-GTK def __init__(self): self.window = gtk.Window(gtk.WINDOW_TOPLEVEL) self.window.set_position(gtk.WIN_POS_CENTER_ALWAYS) self.window.connect('delete_event', self.close_application) self.window.set_default_size(350, 20) vbox = gtk.VBox(spacing=5) vbox.set_border_width(5) self.txt_url = gtk.Entry() self.txt_url.connect('activate',...

How To Open A Website's (Built on Wordpress) PHP file in my browser?


php,wordpress,browser
I came across a website and liked its look. So, I wanted to know how its style.css is coded. I got there style.css file by visiting to Network Tab of Inspect Element and then opening that file in a new tab. We can open JS files also in the same...

Selenium catch popup on close browser


java,selenium,browser
I'm trying to test that when I close my window a popup shows with a warning message. I've tried both driver.close() and driver.quit() after making sure I'm on the proper window but this just terminates the process since my popup doesn't show. I could test it by using the awt...

Retrieving document.cookie getter and setter


javascript,cookies,browser
I'm trying to override the document.cookie since i need to control cookie creation, but seems that getOwnPropertyDescriptor casted on document.cookie doesn't retrieve its getter and setter ( tried on chrome and firefox ). Could someone explain me this behaviour? https://jsfiddle.net/1363ktwp/7/ var obj={}; // creating a property using document.cookie descriptors Object.defineProperty(...

How to show/hide a jquery script only on Firefox


javascript,jquery,firefox,browser,cross-browser
Trying to show and hide js only on Firefox browser. There are another question about Detect all Firefox versions, but it is not answer of my question so i have asked this question. HTML: <div id="about_me"> This Text color will be change </div> Show this only on Firefox: $("#about_me").addClass("red"); I...

How to STOP browsers from sharing session amongst tabs?


javascript,jsp,security,browser,spring-security
How to NOT share session between multiple browser tabs ? I am using Spring Security in JSP/Servlet application and I want to know "How can we achieve the behavior with Spring Security where user is forced to login again whenever he changes the browser tab ?". Disclaimer Question is similar...

Looking for tool that prevent script to become unresponsive [on hold]


javascript,browser,google-chrome-extension
For a side project I need to generate a lot of data from a WebGL Application. This Web App is mostly a personal tool and I really don't care if my browser become unresponsive (I mean, I know it will). Does someone know a browser/tool/plugin that could allow me to...

Cordova- embed a external website into cordova app


cordova,browser,web-applications,website
I have a website. it run good in server I'm building a cordova app to embed this website and I want to open this website into this cordova app. I use window.open(..., "_blank").. window.open(..., "_selt") modify config.xml <access origin.... but when I run app in my device, website auto open...

How to make Google Chrome and iOS remember scroll position in div after returning back?


css,browser,scroll,position,back
The problem is that the scroll container is a div, not body. And that causes Google Chrome and iOS to fail to remember scroll position of the div after users go to another page and then return back. The related CSS code is as follows. The scroll container is #container....

Firefox and SSL pages - takes very long on certain sites [closed]


firefox,ssl,browser,ssl-certificate
I use openSUSE 13.1 and Firefox 38.0.1. On some pages with ssl it takes minutes until the connection is established. It only happens on sites whose ssl certificate is not trusted by firefox, so that it asks you if you really want to enter the site. But even this security...

Is it possible to get specific static contents of a webpage only using client side technology?


javascript,html,html5,browser
I am only allowed to use client side technologies such as HTML5 Javascript ect.. Is it possible to get specific contents of a webpage using these technologies alone?

Altering window.print() Javascript functionality [duplicate]


javascript,browser
This question already has an answer here: Print <div id=printarea></div> only? 21 answers This question is mostly out of academic interests(and partly because I faced an issue like this before and simply found a workaround, but I want to know the proper way to do it). How does the...

How to remove/replace cached css and js file from client Browser?


javascript,css,browser,browser-cache
Is there a way by which we can replace or remove the cached css and js files from client browser when they come to the website next time?

JS Browser with pause function, help please


javascript,function,browser
I wrote this program in js that goes through a list of URLs, where it stays on each page for a few seconds, closes the current window, and open the next in line. Everything works perfect, now I need it to stop/pause every 5 links. The second part of this...

Load javascript in consecutive order after browser load event


javascript,jquery,html,html5,browser
What am I trying to do? In an attempt to speed up my website I am loading non-essential javascript after the browser load event. (So the JS files are not render blocking) This is currently functioning correctly. What is the problem? The problem is sometimes the non-essential javascript depends on...

jQuery - Listen to User click on the Auto Suggest Option provided by browser


javascript,jquery,browser
This is my input box. <input type="text" class="form-control" id="contestCode" name="contestCode" required > My jQuery Snippet which checks for keyup event and paste event $('#contestCode').on({ keyup : function(){ checkContestCodeIfExists($(this)); }, paste : function(){ checkContestCodeIfExists($(this)); } }); But when the user clicks on the autoSuggest provided by the browser (Code exists for...

How to display text in browsers tab bar in a javaserver page [closed]


html,jsp,browser,text,tabs
I have heard of being able to display images in a browsers tab bar here: http://stackoverflow.com/questions/120420/image-icon-beside-the-site-url But I was wondering if there might be an easier way to do this for just some simple text? I am trying to display just two lines, last login and IP address in this...

input value undefined javascript


javascript,css,dom,browser
I want to show an error message when text box is empty on submit, but is not working and everytime I try to get the value through the console area returns undefined. CSS <style> #error_alert { visibility: hidden; border: 1px solid #F00; text-align: center; width: 100px; } label, input, button...

Open popup window in specific keyboard language


javascript,jquery,html,browser
I have code like this that open new window in javascript: window.open(URL); But although browser keyboard language at opennig moment for example is 'fa' but new window opens in 'en'. Is there a way that I can open new window in the same keyboard language that browser uses? Thanks....

Does {} consume less memory than [] for nested objects in Javascript?


javascript,browser,requirejs
I had some legacy JS code that creates a giant nested object structure with []. The code goes some like this var data = []; data ["first"] = []; data ["first"]["second"] = []; data ["first"]["second2"] = "hello"; It is about 250+ KB of javascript, which is fairly large. When I...

How to make a browser console wait in a javascript


javascript,browser,console,wait
I'm trying to make a script that clicks on a page button, waits X seconds (for the result of the click to take place), and then continues. How can I do that? (only the wait part)...

How to run a .jar inside browser?


php,html,browser,jar
I tried to execute a .jar using HTML or PHP. In the first case i wrote the code bellow: <applet code=Diagnostica.class archive="Diagnostica/Diagnostica.jar" width="120" height="120"> </applet> This way dosen't work cause the file Diagnostica.jar need to contain an applet i suppose. So i tried the second option in PHP: exec("java -jar...

How is this string processed by the browser?


javascript,jquery,browser
I'm using a JQuery snippet to make a navigation bar stick to the top of the window after the user scrolls down to a certain height, although I know the result of the string below I'm not completly clear on how the browser processes it. $('#navbar') .addClass('original') .clone() .insertAfter('#navbar') .addClass('cloned')...

How to get particular controller scope list in console - angularjs?


javascript,jquery,angularjs,browser,console
I am trying to edit bus list in browser console for this bus search angualrjs site. I tried to access the filteredBusData(ng-repeat) list in that page which is used in ng-repeat from console. Code: Method 1: angular.element(document.body).injector().invoke(function ($rootScope) { scope = $rootScope; console.log(scope.filteredBusData); }); Method 2: angular.element('[ng-controller="busTicketCheckoutCtrl"]').scope; `busTicketCheckoutCtrl` is the...

Cannot find the CSS Errors in Chrome


css,google-chrome,browser,web-inspector
I'm trying to debug a website and in Chrome's inspect element I'm seeing 8 errors and 1 warning. The Warning shows up right next to the problem. However, the Errors don't show up anywhere and I can't locate them. Also, the errors and warnings show an underline when I hover...

Change permissions to allow PHP script in browser to execute matplotlib operations in a python script


php,python-2.7,browser,permissions
I am running Ubuntu 14.04 with a locally hosted webpage running on Apache2. I can access index.php fine through my browser, but I want that page to display a graph that is prepared in a python script called graph.py. graph.py will execute fully when the I execute index.php from the...

Google Chrome Add Bookmark Image


html,html5,google-chrome,browser,web
Recently Google have added a new interface when users click the star icon in the address bar to add a site to their bookmarks. The UI displays the page title as well as anything from the meta description element if present, but I was wondering if there's a way to...

place 1 label top, 1 input bottom and 2 buttons left


html,html5,css3,browser
I would like to place 1 label at the top of an Input with two centered buttons (inside a div) on the right. for the moment my code isn't flexible and I can't easily use my class anywhere on my webpage as It is strongly dependent the #.bu-container height that...

Why is it so hard to style