大家好，今天来为大家解答span在谷歌浏览器这个问题的一些问题点，包括谷歌浏览器xpath也一样很多人还不知道，因此呢，今天就来为大家分析分析，现在让我们一起来看看吧！如果解决了您的问题，还望您关注下本站哦，谢谢~

本文目录

1. js在火狐、谷歌等浏览器内的问题!
2. 怎么把谷歌浏览器新标签页的8个方框设置成自己想要的
3. JQ轮播图效果谷歌浏览器不兼容 麻烦大神看一下
4. 怎么用jQuery判断当前浏览器是chrome
5. 谷歌浏览器不支持CSS设置小于12px的文字怎么办
6. 急!怎么用js提取出span标签内style里的属性值

一、js在火狐、谷歌等浏览器内的问题!

1、世界之窗用的就是ie显示网页，你把ie卸载，世界之窗也没用

2、之所以不能兼容，是因为你还在用古老的dhtml的方法查找元素，这种方法现在是只有ie支持的，这也是为什么ie会有如此差评。

3、记住把你所有直接用window.id这样的代码（id指元素的id属性）改成document.getElementById(id);这样才能保持兼容性

4、希望你能在w3c上好好看一看dom查找元素的方法，把dhtml的习惯改掉，毕竟它是差不多上个世纪的

二、怎么把谷歌浏览器新标签页的8个方框设置成自己想要的

1、首先在桌面双击谷歌浏览器图标。

2、打开谷歌浏览器页面后，会出现如下图的界面

3、常浏览的网站，会自动生成图标，如果想添加网站，点击“+”号。

4、打开自己经常浏览的网站，比如“新浪”，复制地址栏中的网站，粘贴在第三步的网址栏，并添加名称（如图）。点击“完成”。

5、现在，就会看到“新浪”就会出现自己的标签页里了。

6、如果想删除网站标签，将光标移到网站标签上，点击出现的三点，选择“删除”就会删除添加的网站。

三、JQ轮播图效果谷歌浏览器不兼容 麻烦大神看一下

您好，这个是跟您的浏览器有关系的。浏览器不兼容，怎么设置都不行。您可以换个浏览器试试。现在qq浏览器挺好用的。它采用全新架构并针对IE内核做了全面优化。瞬间开启的超快体验，灵动轻逸的全新设计，更有强大的安全保障。旨在带来更轻、更快、更安全的浏览体验，给用户一个既纯净又简约的上网环境。而且它的兼容性能特别强大，适合各种配置。

四、怎么用jQuery判断当前浏览器是chrome

1、怎么用jQuery判断当前浏览器是chrome？

$(function(){

2、 alert("这是IE"+$.browser.version);

3、 alert("这是opera"+$.browser.version);

4、 alert("这是mozilla"+$.browser.version);

5、 alert("这是safa"+$.browser.version);

6、 alert("这是谷歌或者其他浏览器")

7、暂时只能这样了，谷歌没有专门的判断

8、<script src=:code.jquery./jquery-latest.js></script>

9、 jQuery.each(jQuery.browser, function(i, val){

10、$("<div>"+ i+":<span>"+ val+"</span>")

11、 p{ color:green; font-weight:bolder; margin:3px 0 0 10px;}

12、 div{ color:blue; margin-left:20px; font-size:14px;}

13、<p>Browser info:</p>

14、</>:docs.jquery./Utilities/jQuery.browser

15、 if(explorer.indexOf("MSIE")>= 0){

16、 else if(explorer.indexOf("Firefox")>= 0){

17、 else if(explorer.indexOf("Chrome")>= 0){

18、 else if(explorer.indexOf("Opera")>= 0){

19、 else if(explorer.indexOf("Safari")>= 0){

20、 else if(explorer.indexOf("Netscape")>= 0){

21、 request物件里面有属性。你自己查查。

22、 Request.ServerVariables("HTTP_USER_AGENT")

23、 document.Browser.Name.value=navigator.appName;

24、 document.Browser.Version.value=navigator.appVersion;

25、 document.Browser.Code.value=navigator.appCodeName;

26、 document.Browser.Agent.value=navigator.userAgent;

27、 if(window.navigator.userAgent.indexOf('patible')!=-1){

28、 if(window.navigator.userAgent.indexOf('AppleWebKit')!=-1){

29、你好，这个是没法判断的呢，你使用的这个360浏览器应该是还好一点的呢，但是我不太喜欢这个浏览器。我现在用的是QQ浏览器。它上面的网速快，下载软体快速没有一点的不满意，一直没有用过它，使用过以后拒不想要再换别的了，现在还是很喜欢它的哦。占用的空间少，不会影响执行，所以速度很快。

30、可以在浏览器的“帮助”->“关于”选项中检视浏览器的版本；或者在百度中搜索“浏览器核心版本检测”点选第一个搜寻结果进去，网页可以自动帮你测试你的浏览器版本是否为IE8。

31、通常而言，Win7自带的未升级过的IE即为IE8。

五、谷歌浏览器不支持CSS设置小于12px的文字怎么办

在最新版的谷歌里。已经不在支持这个属性啦

谷歌浏览器Chrome是Webkit的内核，有一个-webkit-text-size-adjust的私有 CSS属性，通过它即

可实现字体大小不随终端设备或浏览器影响。

-webkit-text-size-adjust:none;

如何让谷歌浏览器支持小于12px的字体

经常与网页打交道的攻城师，应该都知道。谷歌不支持小于12px的字体。

比如。修改浏览器配置。修改浏览器语言。

但作为一个WEB，我们无法修改用户的浏览器。这时候就出现了

html{-webkit-text-size-adjust:none;}

但是，在最新版的谷歌里。已经不在支持这个属性啦。所以。这个属性。。。。

而我们用到的就是transform:scale()

<p>我是一个小于12PX的字体</p>

放在浏览器预览。会发现最新版谷歌已经不在支持。还是12px

-webkit-transform:scale(0.8);//0.8位缩放倍数，具体自己根据实际需求修改

p{font-size:10px;-webkit-transform:scale(0.8);}

但是，如果，这个属性会把真个p的属性都缩放。如果我有背景呢？我有边框呢？都会被缩小！

<p><span>我是一个小于12PX的字体</span></p>

span{-webkit-transform:scale(0.8);}

但是你会惊讶发现，不可以。实际上，是以为-webkit-transform:scale(0.8);只能缩放可以定义宽高

的元素，而span是行内元素，不可以

span{-webkit-transform:scale(0.8); display:inline-block}

为什么定义 display:inline-block而不是 display:block？

转为block就独占一行啦。如果我后面紧追怎么办元素。所以转换为inline-block

放在谷歌浏览器里，运行一下会发现支持字体变小啦~~放心啦。。。

但是你会发现。会存在一定的边距。貌似margin或者padding的间距。这就是缩放存在问题。原来的位

所以，要对应修改margin了。定义为负的。。

NO，我们还需要去兼容opera！！！

为什么？opera现在最新版也是webkit内核啦~~~苦逼的工程师呀~

本来就是10px的字体了。然后在缩放，不敢想象了！

span{-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block}

放心opera还是支持他的私有前缀的。

<title>无标题文档</title>

span{-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block}

<p><span>我是一个小于12PX的字体</span></p>

为了方便，我们最好定义为一个类，方便我们每次调用

<title>无标题文档</title>

.shrink{-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block}

<p><span class="shrink">我是一个小于12PX的字体</span></p>

六、急!怎么用js提取出span标签内style里的属性值

内嵌样式：是写在Tag里面的，内嵌样式只对所有的Tag有效。

内部样式：是写在HTML的里面的，内部样式只对所在的网页有效。

外部样式表：如果很多网页需要用到同样的样式(Styles)，将样式(Styles)写在一个以.css为后缀的CSS文件里，然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。

getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式对象([object CSSStyleDeclaration])

currentStyle是IE浏览器的一个属性，返回的是CSS样式对象

element.style//只能获取内嵌样式

element.currentStyle//IE浏览器获取非内嵌样式

window.getComputedStyle(element,伪类)//非IE浏览器获取非内嵌样式

document.defaultView.getComputedStyle(element,伪类)//非IE浏览器获取非内嵌样式

注：Gecko 2.0(Firefox 4/ Thunderbird 3.3/ SeaMonkey 2.1)之前，第二个参数“伪类”是必需的（如果不是伪类，设置为null），现在可以省略这个参数。

下面的html中包含两种css样式，id为tag的div是内嵌样式，而id为test的div样式为内部样式.

<metaname="Generator"content="EditPlus®">

<metaname="Author"content="YvetteLau">

<metaname="Keywords"content="关键字">

<metaname="Description"content="描述">

<title>Document</title>

<divid="test"></div>

<divid="tag"style="width:500px;height:300px;background-color:pink;"></div>

</html>

<scripttype="text/javascript">

<scripttype="text/javascript">

vartest=document.getElementById("test");

vartag=document.getElementById("tag");

//CSS样式对象:CSS2Properties{},CSSStyleDeclaration

console.log(test.style);//火狐返回空对象CSS2Properties{}，谷歌返回空对象CSSStyleDeclaration{}

console.log(tag.style);//返回CSS2Properties{width:"500px",height:"300px",background-color:"pink"}

//element.style获取的是内嵌式的style，如果不是内嵌式，则是一个空对象

console.log(tag.style.backgroundColor);//pink

console.log(tag.style['background-color']);//pink

//获取类似background-color,border-radius,padding-left类似样式的两种写法啊

console.log(test.currentStyle)//火狐和谷歌为Undefined,IE返回CSS对象

console.log(window.getComputedStyle(test,null))//谷歌返回CSSStyleDeclaration{……}，火狐返回CSS2Properties{……}

console.log(window.getComputedStyle(test))

//效果同上,但是在Gecko2.0(Firefox4/Thunderbird3.3/SeaMonkey2.1)之前,第二个参数“伪类”是必需的(如果不是伪类,设置为null)

console.log(test.currentStyle.width);//500px(IE)

console.log(window.getComputedStyle(test).width);//500px;

console.log(window.getComputedStyle(test)['width']);//500px;

//document.defaultView.getComputedStyle(element,null)[attr]/window.getComputedStyle(element,null)[attr]

如果你还想了解更多这方面的信息，记得收藏关注本站。