什么是跨浏览器兼容性,它如何影响我的网站?
日有些人不会承认他们有一个喜欢的孩子。 例如,在我家里,我们知道我哥哥是最喜欢的孩子,但我的父母不会大声地承认。 (只是开玩笑吧!)在我们的办公室里,我们都有一个喜欢的孩子,它的名字叫谷歌浏览器。 当我们需要在网络上完成的任务时,这是我们的上网浏览器。
这可能看起来很愚蠢,但您使用的互联网浏览器非常重要。 它可以确定您是否按照您的意图与网站进行互动。 过时的浏览器不允许进行正确的互动,而您甚至不会意识到您的浏览体验。
为什么浏览器不同地呈现内容
对于初学者来说,重要的是要了解互联网浏览器的工作原理 。 当您点击链接或在您的浏览器中输入URL时,您正在向网络浏览器发出请求,以查找要请求的页面的服务器。 您的浏览器满足此请求并处理查看网站所需的信息。
您的浏览器会使用一个渲染引擎来显示代码,该引擎在屏幕上处理和呈现网站代码的解释。 Internet Explorer,Mozilla和Google Chrome都使用不同的渲染引擎。 解释是这里的关键词。 特别地,CSS和HTML(通常用于格式化网站的代码)在所有浏览器中都不会相同显示。 因此,当在不同浏览器中查看时,网站可能会略有偏离,有时甚至会关闭。
如果它们不一样,你可以修复它。
当有这种情况发生时,有不同的方法可以使您的设计在不同的浏览器上相似。 所以如果事情没有显示正确,有趣或不在你网站上的正确的地方,你可以调整代码在错误发生的浏览器中正确显示。
有时候你没有控制权。
有时有些事情你根本无法控制。 例如孤儿寡妇。 如果您不熟悉这些条款 ,则它们会引用一个额外的单词或短语,在一个段落的顶部或底部,它们自己挂在一行。
在这一点上,你必须选择你的战斗。 当您网站上的所有内容仍然有效时,您是否真的会让一个字成为问题? 我会回答 - 不。 功能是您在多个浏览器之间工作时的主要关注点。 如果它不能正常工作或给用户正确的体验,那么毛刺必须被解决。 但是,如果网站正常运行,您可以选择忽略一些可能不会被观众忽视的细节细节。
级联样式表(又名CSS)
我们回到这个CSS的东西。 CSS是什么美化你的网站。 该代码用于确定屏幕上对象的放置和操作以及它们的外观。 随着网页设计的进步,CSS从不断变化的滚动链接的颜色变化到渐变,渐变,渐变,圆角和阴影,甚至使旋转和移动。 回到“旧时代”,我们不得不使用flash或java脚本来淡入淡出,渐变仅限于图像。 在CSS中执行这些技巧会使页面加载更快,并允许其在所有平台上使用。 虽然Flash是让网站光滑互动的好方法,但它并不是移动兼容的 ,我们都知道,每年智能手机互联网使用率都不会上升 。
这使我回到使用哪种类型的网络浏览器。 一些浏览器拥抱变化,并且是第一个接受和呈现新的编码技术,而其他浏览器(* ahem * Internet Explorer *咳嗽*)适应缓慢,并且必须在使用较不渐进的代码替代编码时进行操作。
哪个浏览器是您必备的兼容浏览器?
Google Analytics(分析)可让您查看观众使用哪些浏览器来查看您的网站。
在设计时,我们将看看每个客户端最常使用哪些浏览器,并确保设计在这些浏览器以及其他大型浏览器上正常工作。 它回来挑选你的战斗。 设计人员可能无法使所有浏览器的网站看起来完全一样,在预算范围内,他们必须使用它。
在最新版本的Chrome中构建的网站将在IE4或Netscape中翻牌。 你必须使用退休编码技术建立第二个网站! 不是最好的投资,如果你问我。 如果人们正在使用这些浏览器来查看现代网站,他们的整个网络冲浪体验就是一个完整的展示。 他们永远不知道他们会得到什么,说实话,他们可能只是认为这是怎么回事。
例如,我的妈妈看到放大至少200%的内容。 我登录了她的电脑,炫耀了我最近完成的网站项目,而且网站根本不是我预期的。 这是巨大的! 但这是她选择的观看体验,这就是她看到的一切,所以她认为这个网站看起来很不错。 例如:集中力量,确保流行的浏览器正确显示网站,而不是为每个地球上的观众设计一个网站,特别是那些运行过时软件的用户。
全部或者没有,还是在某个地方?
网站需要跨浏览器兼容性,但可能不是每个单一的Web浏览器。 一些浏览器允许您控制不同的小故障,而其他浏览器只是浪费您的时间来弄清楚。 比较一下2岁的男人拒绝穿上你为他们挑选的衣服 - 与之相抗衡让你无处可去。 保持现实,因为你的选择你的战斗与大量的浏览器。 专注于为大多数观众提供积极的观看体验,而不是使用人口的整个互联网。
联系专业的商务顾问,制定方案,专业设计,一对一咨询及其报价详情
服务热线
13697542592