Async image load test with gh-pages

-
I finally got the opportunity to try out GitHub Pages. GitHub Pages is a simple static HTML page that we can create from our GitHub repositories. It is perfect for documentation or anything related to the project. To get started, a gh-pages branch must first be created, and then it can be further setup in the settings section.

For this project, I wrote a test case for async image loading. I built a simple page that would allow me to test this in multiple browsers. The page is very simple with an image, a counter, and a button to reload the image. As the user clicks the button, the image is reloaded. If the image is reloaded, the background changes colours and the counter is updated. The async testing has passed on all the browsers except for Safari.



I decided to dig deeper into this and Safari is like this. I had to dig pretty deep into the webkit source files to see where the load event is fired. After digging around for a little bit, I found the ImageLoader.cpp file. The name sounds promising! Looking at the code, I think I found the problem.


Inside of the updateFromElement function, there is a piece of code that checks whether the old image is equal to the new image, and if they're equal, cancel the load event. After reading some of the comments, it seems like to save browser speed, Safari will not load the new image if they old and new image are the same. It's interesting to see the different ways that browsers go about solving their problems. While Chrome, Firefox, and Opera allow for async image loading even if the image is the same Safari disables this to save some speed.

In the next blog, I'll be looking for new bugs to work on to continue my journey into Open Source. Stay tuned to see how it continues!


Comments

Post a Comment

Popular posts from this blog

DPS911 - Release 3

-
Image
This is my third release for my Open Source class. This release is a progression on my the second release , where I used WebTorrent for sharing resource files. In the previous release, I created two different pages, one for importing files and one is exporting files. With this release, I joined the two files together, and added a few new features, such as number of peers, and download progression.    For testing purposes, we have a temporary main page for testing things like the editor, the Linux terminal, or file editor. I've added the share link in there as well for easy access during testing.  The look of the page is elegant now, it looks professional compared to the previous iteration. It displays the progress of the download, remaining time, download speed, download progress, upload speed, number of peers, and the total time. Once the torrent is complete, a message pop ups on the bottom saying it is complete. To start the torrent, the Start Seed button needs t
Read more

DPS911 - Release 1

-
Image
About two weeks ago, I started a DPS911 Open Source Projects class, which is essentially a continuation of the previous DPS909 Topics in Open Source Development class that I took last year. The class size is much smaller, we have 4 students compared to the 30+ we had last time, which is nice the professor can spend more time with us as opposed to the entire 30+ class of students. For this class, we are starting a project that my professor has envisioned, for now we are calling it unbundled . This project is meant to recreate an operating system for web development in a browser environment. The idea is to have features such as accessing directory of files, a code editor, command line terminal, sharing files, and more, be available in the browser for use on any operating system. The project isn't re-inventing the wheel, the technology is already there, we are just putting everything together. Brackets , for example, will be used for the code editor, while webtorrent will be used f
Read more

DPS911 - Release 2

-
Image
This is my second release for the DPS911 - Open Source class. With this release, I created two pages for sharing resource files between users, one was for importing the files, and the other was for exporting. I am using Webtorrent streaming service for sharing the files. The pull request can be found here , while the issue is located here I did have some trouble with this release. Initially, I had the user selecting local files to share instead of resource files. The pages themselves are very simple, most of the work was done in the back-end. The import page only has an input field for the magnetURI, and a download button download all the files. The export page automatically starts the torrent when opened, sharing all of the resource files, and displaying the magnetURI. This release was simple, there's no extra features included such as number of seeders, progress, or number of files. All this will be included in the next release, which will include combining the pages into
Read more