<p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px;">手机版重构在整个输出的过程中，最大的问题是，pc站调用出来的数据不能或不方便调整内容的html结构，导致页面在手机版中呈现不是很友好；比如像下面图（1）这样的，横向表格列数太多，页面全部挤一堆了，与开发沟通后无法修改输出的html结构，因为是封装的控件，修改后会影响pc站的页面，那就只能通过js来提取再重组了，方法见样例附件。</p><p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px;"><img alt="201907011805428937.png" src="$/History/dtop/uploadfiles/Article/20198/201908050956558152.png" style="border: 0px; vertical-align: middle; max-width: 100%; width: 400px;" title="201907011805428937.png" /></p><p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px;">图（1）</p><p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px;">通过js提取，再重组后的结果：</p><p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px;"><img alt="201907011807044266.png" src="$/History/dtop/uploadfiles/Article/20198/201908050957103232.png" style="border: 0px; vertical-align: middle; max-width: 100%; width: 400px; height: 542px;" title="201907011807044266.png" /></p><p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px;"> </p><p style="margin: 8px 0px; padding: 0px; list-style-type: none; color: rgb(51, 51, 51); font-family: Tahoma, 宋体; font-size: 14px;">样例下载</p>
