Why does Chrome request resources that are not part of my site? - google-chrome

My site has like 5 files:
index.htm
favicon.ico
picture 1
picture 2
cache.mf
but I include links (in comments and js) to other sites. When I initially load my page chrome scrapes through all of those links. I don't want it to do that.

It is Google. It probably can't restrain to crawl the web... You probably can't do anything.
Well, you can of course - it is open source. Change it accordingly and recompile.

Related

Broken Images and CSS Only on Live site

When I view my site locally on my laptop, the site looks perfect and works. But once I copy my files to the server, the live site looses the CSS and all the image links are broken. The images and css are properly linked and I have renamed and reuploaded the files several times (thinking it was a broken transfer). This is a project page from my main site and I don't have any issues with any of the other pages. Is this a server issue or a code issue? Any ideas on what this could be/how to fix it?
The problematic page is http://squigua.com/AD/R1NR/norules.html
The style and photos should leave the first initial screen looking like this:
black background, centered text, pictures, funky typeface
Your problem is that all your resources are in a folder named "AD".
Adblock will just assume you're serving up ads, so it will block ALL resources in that folder.

HTML pages in the Dropbox Public folder

I dearly hope my first question here is 'acceptable', but I cannot find an answer anywhere - not even from an online Dropbox search.
As a web developer in training, I recently added an HTML file to my Public folder in Dropbox; it is meant as an example webpage for my 'portfolio'. The rendered page directly in Dropbox online links to a Dropbox CSS file successfully. Also, my local Dropbox images link and display successfully.
However, my link to a Dropbox audio file does not play - and neither does the video link to Youtube.
All 'src' and 'a href' links work fine when I render the page from my laptop Desktop Dropbox app; they link to external pages and audio and video files correctly. After researching, I had already changed the 'www' to 'dl' to my local Dropbox files, but that doesn't solve the issue of links working when rendered from the Dropbox server. The audio file works fine when accessing the file directly in Dropbox online using the player, so it's the HTML file that cannot 'find' the audio file from within the Dropbox server. Similarly, any hyperlinks to external sites, such as Youtube and my Linkedin account do not work by left-clicking or CTRL-click - the correct URL shows in the bottom-left corner but the link does not respond. Only right-clicking and 'open in another tab' works on links, thus 'escaping' the restriction of the Dropbox server.
I tried to provide as much detail here as possible so that you're fully aware of my situation. I hope someone knows how to 'free' these hyperlinks from the Dropbox server. I'll soon have my first website online, which will eliminate these issues - but I'm curious to solve this Dropbox problem. Thanks in advance.

Twitter Bootstrap favicon.ico

I am working on a site using the one of the twitter bootstrap templates and my JavaScript console is complaining that it is missing:
favicon.ico
ie-emulation-modes-warning.js
I downloaded all of the Bootstrap files from the Bootstrap website. What are these files and do I need them?
If so, where can I get them?
Edit: Thanks guys! Looked into Favicons and didn't realize that is what they are! So simple! lol
By default, browsers look for favicons in your site's root directory. You can use favicon generators online, which (by standard) create 16x16 pixel png-like objects that are used as your site's icon on a browser tab, etc. Just make one of those and drop it in your root directory.
If that doesn't work, you may want to use your inspector (assuming you're using chrome), right click > inspect element > console (or network), and look there to see where your template is looking for the favicon. Just drop the generated .ico file in that folder.
For the JS file, you may be able to find it online, download it, use the inspector again, and drop it wherever your browser is looking for it. This is good for performance—missing files slow roundtrip requests down.
It's something browsers look for by default. Nothing to do with Bootstrap
http://en.wikipedia.org/wiki/Favicon

chrome not showing favicon on subpages

I cannot for the life of me figure this one out.
I have my favicon showing on the frontpage of: http://www.pokerwomennews.com/
But on specific post pages, the favicon is not showing in chrome. The html for the favicons are exactly the same, and valid. Can anyone tell me what is being parsed incorrectly?
Thank you
This is because the string "UA-54046177-1" is being output between the head tags. If you view the page source, you will find it in this section.
<!-- Google Webmaster Tools plugin for WordPress -->
UA-54046177-1
<script>
This is causing Chrome to error-handle the invalid HTML, and assume that is where the body starts, and pushing the favicon link elements below it into the body. You can see the effect of this in Chrome's Elements panel.
This is because chrome first checks for a favicon.ico file, in the root of your web site, and it's finding one. The problem is that it's a zero-length, empty file. So google is showing what it thinks you want - nothing.
Remove the empty favicon.ico file entirely, and it will fix your issue.

Display favicon for PDF files

I am working on a Drupal site with some PDF files where I am opening a PDF file in a new window. The files are getting opened in the browser with the Acrobat Reader plugin but the favicon is not getting displayed. What should be done to show the favicon?
If you put a favicon.ico to the root of your site, then your PDFs opened on that site will actually have that favicon. You can generate transparent ICOs from PNGs with online favicon genereators.
For example, if your favicon is reachable in:
http://example.com/favicon.ico
Then your PDF will show this favicon in the Acrobat plugin tab:
http://example.com/something/something.pdf
If you show the PDF file in an iframe, the browser should show the site-wide favicon, but you're out of luck in an external applications. Acrobat Reader doesn't use Favicons.
UPDATE This is now possible by placing favicon.ico in the root directory of your website as per #s1m0n1stv4n answer below
In the Drupal root directory, edit the .htaccess file and add this:
RewriteRule ^favicon.ico sites/%{SERVER_NAME}/favicon.ico [NC,L]
Exactly as it is typed there, and right after the RewriteBase line near the bottom.
See caveats here:
http://drupal.org/node/174940#comment-852888
This assumes you have friendly URLs working in Drupal, or the RewriteRule will be useless.
In each sites/example.com/ directory, add the favicon.ico for that site.
Jump through hoops to clear your favicon cache in your browser / OS:
http://www.faviconblog.com/clear-the-browser-cache-to-display-your-favicon/
This MAY over-ride the HTML HEAD favicon that Drupal spits out when you upload one in some browsers, or not. Haven't tested. If it does, you'll have to have a favicon.ico for every sites/XYZ/
Note that just because uploaded HEAD favicon overrides the sites/XYZ/ in one browser, is no indication it will work in another, or vice versa.
Displaying the PDF from <iframe>, <object>, or maybe even <embed> tag inside of an HTML page should result in the favicon being used.