由Javascript生成的.xls不工作在MAC数字应用程序

var blob = new Blob([div.innerHTML], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8" }); saveAs(blob, "P&L Report.xls"); 

我正在使用上面的代码来生成我的表中显示的Excel文件。 它在Microsoft Office和Libre Office中工作正常,这是Windows PC中唯一可用的应用程序。 现在,当我尝试在MAC数字应用程序中打开它时,它显示不正确,如下面显示的HTML代码示例:

 <table><tbody></tbody><tr><td style="background-color: rgb(255, 255, 0);">Sort by Absolute Rev Variance</td><td></td><td>Project Type</td><td colspan="4" style="background-color: rgb(148, 138, 84); color: white; text-align: center;">MM</td><td colspan="3" style="background-color: rgb(150, 54, 52); color: white; text-align: center;">Amount</td><td style="background-color: rgb(0, 32, 96); color: white; text-align: center;">Profitability</td><td colspan="2" style="background-color: rgb(0, 32, 96); color: white; text-align: center;">SOW</td></tr><tr><td colspan="3"></td><td>Forecast (in MM format)</td><td>Actual</td><td>Variance</td><td style="text-align: center;">%</td><td>SOW Amount</td><td>Actual</td><td>Variance</td><td style="text-align: center;">%</td><td>Start</td><td>End</td></tr><tr><td>1</td><td>Unilab Managed Service</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>2</td><td>Alliance RMS</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>3</td><td>Innovent .NET</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>4</td><td>Innovent PHP &amp; SugarCRM</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>5</td><td>AbodeStory</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>6</td><td>Cistera</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>7</td><td>Lead Fortune GeoTrac</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>8</td><td>Portfolio PB</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>9</td><td>WebPOS</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>10</td><td>MyAppetite</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>11</td><td>Dash MultiCorp</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>12</td><td>ABCGroup</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>13</td><td>Store Supply</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>14</td><td>OCT Tablet App Phase 2</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>15</td><td>Continental Temic</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>16</td><td>Filtrans 2016 Enhancement</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>17</td><td>WebHRIS</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>18</td><td>Coconet</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>19</td><td>Unilab Xtrail</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>20</td><td>Alliance DTR</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>21</td><td>ChatBot</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>22</td><td>Testing</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>23</td><td>Vizcarra Magento App</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>24</td><td>WaaS</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>25</td><td>ATKi Upgrade to AngularJS</td><td>Project Based</td><td style="text-align: center;">5</td><td>0</td><td style="color: red;">-5</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>26</td><td>Internal HRIS</td><td>Project Based</td><td style="text-align: center;">20</td><td>0</td><td style="color: red;">-20</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>27</td><td>test</td><td>Project Based</td><td style="text-align: center;">123.1</td><td>0</td><td style="color: red;">-123.1</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>28</td><td>21212121212</td><td>Project Based</td><td style="text-align: center;">5</td><td>0</td><td style="color: red;">-5</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>29</td><td>323232</td><td>Project Based</td><td style="text-align: center;">5</td><td>0</td><td style="color: red;">-5</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr></tr><tr><td></td><td>SUM</td><td></td><td style="text-align: center;">638.1</td><td>0</td><td>-638.1</td><td>-2900</td><td></td><td>0.00</td></tr><tr><td>1</td><td>SEPG</td><td>Time &amp; Material</td><td style="text-align: center;">4</td><td>0</td><td style="color: red;">-4</td><td style="color: red;">-100</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>2</td><td>testTech</td><td>Time &amp; Material</td><td style="text-align: center;">0</td><td>0</td><td style="color: red;">0</td><td style="color: red;">0</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>3</td><td>testfilter</td><td>Time &amp; Material</td><td style="text-align: center;">0</td><td>0</td><td style="color: red;">0</td><td style="color: red;">0</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>4</td><td>asd</td><td>Time &amp; Material</td><td style="text-align: center;">0</td><td>0</td><td style="color: red;">0</td><td style="color: red;">0</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr><td>5</td><td>dsdsd</td><td>Time &amp; Material</td><td style="text-align: center;">0</td><td>0</td><td style="color: red;">0</td><td style="color: red;">0</td><td></td><td>0.00</td><td></td><td></td><td>1 Jan 2017</td><td>18-Jan-2017</td></tr><tr></tr><tr><td></td><td>SUM</td><td></td><td style="text-align: center;">4</td><td>0</td><td>-4</td><td>0</td><td></td><td>0.00</td></tr></table> 

更新:

我发现这个post从包含许多jsfiddle答案的stackoverflow。 我尝试在我的MAC中运行所有它仍然是我的相同的输出。 它显示了html代码。 我认为它的软件是错误的。 我现在正在为此find任何替代方法。