Home > Web Front-end > JS Tutorial > JavaScript code is incompatible with IE due to irregular commas_javascript tips

JavaScript code is incompatible with IE due to irregular commas_javascript tips

WBOY
Release: 2016-05-16 15:13:44
Original
1275 people have browsed it

When using ExtJS for front-end development, I found that the system can be displayed normally under Google Chrome and Firefox, but when opened with IE browser, an error will be reported. The error message is such as: Expected identified, string or number. Later, when I checked the code, I found that IE was incompatible due to the irregular use of commas in the js code.

Since I use eclipse to write code, I will introduce how to use eclipse to solve this problem:

For example, there is the following irregular code:

Ext.onReady(function() {
var panel = Ext.create('Ext.container.Viewport', { 
layout : 'border',
items : [{
title : 'north panel',
html : 'north content',
region : 'north',
height : 100,
}, {
title : 'west panel',
html : 'west content',
region : 'west',
width : 150, // 这是备注1
}, {
title : 'main panel',
html : 'main content',
region : 'center',
/* 这是备注2*/
}]
});
});
Copy after login

As you can see, there is a comma (,) after 100, 150, and center. If you run it in IE, an error will actually be reported. So now that the code has been written like this, how to detect this problem!


Figure 1: File Search

As shown in Figure 1 above, you can use the File Search function of eclipse to search using regular expressions. The regular expression is, s*}. However, there is a problem. Only the first error above can be retrieved. If // or /**/ is added for comment, it cannot be detected. However, you can also use a js code compression tool like yuicompressor to compress the code. During compression, all comments will be removed, and then the compressed js file can be detected. Of course, you can also write your own algorithm to detect it, but this is still difficult for ordinary people!

However, I suggest another method, which is to use a plug-in. I am using the Spket plug-in here. The official website of Spket is: http://www.spket.com/, where you can download Spket’s eclipse plug-in. You can also download it directly from the eclipse market. After downloading, install the plug-in, and then open the js file with spket.


Figure 2: Detection using Spket

As shown in Figure 2 above, you can find that Spket automatically detects irregularities in the code and marks out the problematic areas. I recommend using this method because you can find problems while writing the code. , helps write standardized and beautiful code! By the way, sometimes compatibility is due to the objects being used that do not exist in IE. For example, the console object exists in Firefox and Google, but when using console.info in IE, an error is reported! So, remember to eliminate some incompatible objects from your code!

The above introduces to you the problem of JavaScript code being incompatible with IE due to irregular commas. I hope it will be helpful to you!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template