h5页面中使用JSBridge需要注意的点

产品提了一个新需求,需要每个h5页面都具有分享功能,因为在每一个h5页面中都已经引入了一个公用的文件(该文件的主要作用就是引入一个公用的css和js库),所以,为了实现分享的功能,在该公用的文件中加入了分享功能的代码。

common.js


...

...

在每个h5文件的头部引入了common.js。

在分享功能的代码中使用了location.href = 'jsbrigde:'的代码,然后发现在该文件后的js代码无法执行。

形如以下例子:




    
    
    
    Document






运行代码后,在控制台中无法输出1。
经过不断的尝试,发现有两种方法可以正常输出1:
第一种,将两个代码片段放到一个script下,如:


第二种,将location.href = "jsbridge:";放到文件的最后,如:



不了解JSBridge,所以对于出现这种问题的原因还不知道。
在使用的时候需要注意。

你可能感兴趣的:(疑难问题解惑)