Join GitHub today
GitHub is home to over 50 million developers working together to host and review code, manage projects, and build software together.
Sign upBlog about adding custom devices to BrowserSim #318
Merged
Conversation
|
@maxandersen @xcoulon could you please review it |
| = How to add custom device to BrowserSim? | ||
| :page-layout: blog | ||
| :page-author: ibuziuk | ||
| :page-tags: [browsersim, cordovasim, jbosstools, devstudio] |
This comment has been minimized.
This comment has been minimized.
| @@ -0,0 +1,58 @@ | |||
| = How to add custom device to BrowserSim? | |||
This comment has been minimized.
This comment has been minimized.
| Actually, it's extremely easy to do... | ||
|
|
||
| == Basic concepts | ||
| Firstly, I would like to introduce several fundamental concepts which we will need in the further discussion: |
This comment has been minimized.
This comment has been minimized.
xcoulon
Dec 18, 2014
Member
"Firstly, let's introduce..", using the third person (like you did later) may sound better
| Firstly, I would like to introduce several fundamental concepts which we will need in the further discussion: | ||
|
|
||
| * `Physical pixel` - the cell in the device's display matrix. | ||
| * `Display resolution` - the number of distinct physical pixels in each dimension that can be displayed. For instance, resolution *1024 × 768* means that the width of the display is 1024 pixels and the height is 768. |
This comment has been minimized.
This comment has been minimized.
|
|
||
| NOTE: The reason why pixel ratio was created is due to the fact that screens of the modern phones have high resolution. So, if devices with high resolution had pixel ratio of *1* (i.e. *CSS Interpreted Resolution* = *Display Resolution*), then it would be almost impossible to browse on the Internet cause the content would be too small to see. | ||
|
|
||
| * `User-Agent` - HTTP header that identifies the client software. When you open a web page, your web browser sends the user-agent to the server that hosts the website. This string essentially introduces your browser to the server, describing which browser version you are using and relating other information about your computer or mobile device, such as the operating system and it's version. The server can use this information to provide content that is tailored for your specific browser. |
This comment has been minimized.
This comment has been minimized.
xcoulon
Dec 18, 2014
Member
what about "When you open a web page, your web browser includes a 'user-agent' header in the request sent to the server that hosts the website" ?
later in this paragraph: "... and its version ..."
| * *Pixel Ratio*: 2.4 | ||
| * *User-Agent*: Mozilla/5.0 (compatible; MSIE 10.0; Windows Phone 8.0; Trident/6.0; IEMobile/10.0; ARM; Touch; NOKIA; Lumia 928) | ||
|
|
||
| TIP: All device specific information can be easily found on the web |
This comment has been minimized.
This comment has been minimized.
xcoulon
Dec 18, 2014
Member
is there a link that could be added here ? A page that summaries all known device characteristics ?
| image::images/iphone-6-plus.png[IPhone 6 / 6 plus devices] | ||
|
|
||
| == BrowserSim standalone | ||
| For one who doesn't use Eclipse / JBoss Developer Studio there is a standalone mode of BrowserSim. More details about BrowserSim standalone can be found in the following http://tools.jboss.org/blog/2014-10-30-standalone-browsersim-is-back.html[blog]. |
This comment has been minimized.
This comment has been minimized.
| For one who doesn't use Eclipse / JBoss Developer Studio there is a standalone mode of BrowserSim. More details about BrowserSim standalone can be found in the following http://tools.jboss.org/blog/2014-10-30-standalone-browsersim-is-back.html[blog]. | ||
|
|
||
| == Conclusion | ||
| We are trying our best to make our tools as good as possible. User feedback is what we are seeking for now. We look forward to hearing your comments, remarks and proposals. + |
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
ibuziuk
Dec 18, 2014
Author
Member
I expect users to write feedback in the comments cause it doesn't require having JBoss account. They are not very active though ;-)
|
@xcoulon thanks for the great review! PR was updated |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
ibuziuk commentedDec 18, 2014
No description provided.