网页重排版方法及装置制造方法及图纸

本发明专利技术公开了一种网页重排版方法及装置，通过获取用户对网页中的目标元素的执行动作和对应的动作参数，并根据所述动作参数计算所述目标元素在网页中的更新样式，以达到对网页中的目标元素重新排版的目的。本发明专利技术的技术方案可以使用户对排版混乱的网页内容自主进行版式调整，而且能适应不同用户的阅读风格，灵活性较好，大大提升了用户的阅读体验。

【技术实现步骤摘要】

本专利技术涉及计算机
，特别是涉及一种网页重排版方法及装置。
技术介绍
随着互联网技术的迅猛发展，网络呈现给人们的内容越来越丰富。大多数网页已不是单一的文字或图片等版式，而是多种媒体元素交叉组合排版，以呈现更加丰富多样的信息。特别是随着智能移动终端的广泛普及，使“传递”和“分享”成为当前互联网的重要组成部分。例如用户可以在日常的工作和生活中将所见、所感以及所闻非常方便的通过智能手机发表在互联网上，既分享了信息，也丰富了与他人之间的沟通。专利技术人在实现本专利技术的过程中发现，一些网页中的内容可能在排版上不够细致，尤其是由用户自发通过移动终端发表的网页内容在排版上有很大的随意性，网页中的元素在方向、大小或位置上比较混乱。例如用户发表的照片与对应的文字呈90度，即本应竖放的照片变成了横向摆放，这就使其他用户在阅读时为了顺利理解文字所表达的意思，需要在文字方向和图片方向中来回调转，导致用户阅读非常不方便。另外，由于不同用户的阅读习惯可能不一样，这就使得同一网页内容在排版风格上不可能适应所有的用户，导致排版方式灵活性不够，用户对于网页浏览器的体验不够友好。
技术实现思路
本专利技术实施例中提供了一种网页重排版方法及装置，以解决现有技术中的网页排版方式不够灵活，用户体验不够友好的问题。为了解决上述技术问题，本专利技术实施例公开了如下技术方案：一方面，提供了一种网页重排版方法，所述方法包括：检测用户对网页中的目标元素的执行动作，所述执行动作包括：旋转，和/或缩放，和/或移动；根据所述执行动作获取所述执行动作的动作参数，所述动作参数包括：旋转角度，和/或缩放系数，和/或移动的目标位置；根据所述动作参数计算所述目标元素的更新样式；根据所述更新样式对所述目标元素在所述网页中进行排版。结合一方面，在第一种可能的实现方式中，所述方法还包括：检测用户输入的触发操作，判断所述触发操作是否满足预设的触发条件，如果满足所述预设的触发条件，则执行所述检测用户对网页中的目标元素的执行动作的步骤；所述判断所述触发操作是否满足预设的触发条件，包括：判断所述触发操作是否为预设的触屏操作，所述预设的触屏操作包括：在所述目标元素的有效显示范围内点击超过第一时间阈值的触屏操作，或者判断所述触发操作是否为预设的触发菜单项。结合一方面，或第一种可能的实现方式，在第二种可能的实现方式中，所述检测用户对网页中的目标元素的执行动作包括：检测用户对所述目标元素进行旋转，和/或缩放，和/或移动的触屏手势操作，或者检测用户根据预设的菜单项对所述目标元素进行旋转，和/或缩放，和/或移动的操作。结合一方面，或第一种可能的实现方式，在第三种可能的实现方式中，所述动作参数还包括所述执行动作的事件中心点的坐标；所述方法还包括：判断所述事件中心点的坐标是否位于所述目标元素的有效显示范围内；当所述事件中心点的坐标位于所述目标元素的有效显示范围内，则执行根据所述动作参数计算所述目标元素的更新样式。结合一方面，或第一种可能的实现方式，在第四种可能的实现方式中，根据所述动作参数计算所述目标元素的更新样式包括：将所述动作参数转换成CSS标准的transform属性；根据所述转换后的所述transform属性和所述目标元素原有的transform属性计算所述目标元素的更新样式。另一方面，提供一种网页重排版装置，其特征在于，所述装置包括：检测单元，用于检测用户对网页中的目标元素的执行动作，所述执行动作包括：旋转，和/或缩放，和/或移动；获取单元，用于根据所述检测单元检测的所述执行动作获取所述执行动作的动作参数，所述动作参数包括：旋转角度，和/或缩放系数，和/或移动的目标位置；计算单元，用于根据所述获取单元获取的所述动作参数计算所述目标元素的更新样式；排版单元，用于根据所述计算单元计算的所述更新样式对所述目标元素在所述网页中进行排版。结合另一方面，在另一方面的第一种可能的实现方式中，所述装置还包括：检测判断单元，具体用于在所述检测单元检测用户对网页中的目标元素的执行动作之前，检测用户输入的触发操作，并判断所述触发操作是否为预设的触屏操作；所述预设的触屏操作包括：在所述目标元素的有效显示范围内点击超过第一时间阈值的触屏操作；或者具体用于检测用户输入的触发操作，并判断所述触发操作是否为预设的触发菜单项。结合另一方面，或另一方面的第一种可能的实现方式，在另一方面的第二种可能的实现方式中，所述检测单元包括：第一检测子单元，用于检测用户对所述目标元素进行旋转，和/或缩放，和/或移动的触屏手势操作；或者第二检测子单元，用于检测用户根据预设的菜单项对所述目标元素进行旋转，和/或缩放，和/或移动的操作。结合另一方面，或另一方面的第一种可能的实现方式，在另一方面的第三种可能的实现方式中，所述获取单元获取的所述动作参数还包括所述执行动作的事件中心点的坐标；所述装置还包括：判断单元，用于判断所述事件中心点的坐标是否位于所述目标元素的有效显示范围内；所述计算单元，具体用于当所述判断单元判断出所述事件中心点的坐标位于所述目标元素的有效显示范围内时，根据所述获取单元获取的所述动作参数计算所述目标元素的更新样式。结合另一方面，或另一方面的第一种可能的实现方式，在另一方面的第四种可能的实现方式中所述计算单元包括：转换子单元，用于将所述获取单元获取的所述动作参数转换成CSS标准的transform属性；计算子单元，用于根据所述转转换子单元换后的所述transform属性和所述目标元素原有的transform属性计算所述目标元素的更新样式。由以上技术方案可见，本专利技术实施例提供的网页重排版方法及装置，通过获取用户对网页中的目标元素的执行动作和对应的动作参数，并根据所述动作参数计算所述目标元素在网页中的更新样式，以达到对网页中的目标元素重新排版的目的。本专利技术的技术方案可以使用户对排版混乱的网页内容自主进行版式调整，而且能适应不同用户的阅读风格，灵活性较好，大大提升了用户的阅读体验。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术网页重排版方法的一个实施例的流程示意图；图2为本专利技术网页重排版方法的另一个实施例的流程示意图；图3为本专利技术实施例重本文档来自技高网...

【技术保护点】
一种网页重排版方法，其特征在于，所述方法包括：检测用户对网页中的目标元素的执行动作，所述执行动作包括：旋转，和/或缩放，和/或移动；根据所述执行动作获取所述执行动作的动作参数，所述动作参数包括：旋转角度，和/或缩放系数，和/或移动的目标位置；根据所述动作参数计算所述目标元素的更新样式；根据所述更新样式对所述目标元素在所述网页中进行排版。

【技术特征摘要】
1.一种网页重排版方法，其特征在于，所述方法包括：
检测用户对网页中的目标元素的执行动作，所述执行动作包括：旋转，和/或缩放，
和/或移动；
根据所述执行动作获取所述执行动作的动作参数，所述动作参数包括：旋转角度，
和/或缩放系数，和/或移动的目标位置；
根据所述动作参数计算所述目标元素的更新样式；
根据所述更新样式对所述目标元素在所述网页中进行排版。
2.根据权利要求1所述的方法，其特征在于，所述方法还包括：
检测用户输入的触发操作，判断所述触发操作是否满足预设的触发条件，如果满足
所述预设的触发条件，则执行所述检测用户对网页中的目标元素的执行动作；
所述判断所述触发操作是否满足预设的触发条件，包括：
判断所述触发操作是否为预设的触屏操作，所述预设的触屏操作包括：在所述目标
元素的有效显示范围内点击超过第一时间阈值的触屏操作，或者
判断所述触发操作是否为预设的触发菜单项。
3.根据权利要求1或2所述的方法，其特征在于，所述检测用户对网页中的目标元
素的执行动作包括：
检测用户对所述目标元素进行旋转，和/或缩放，和/或移动的触屏手势操作，或者
检测用户根据预设的菜单项对所述目标元素进行旋转，和/或缩放，和/或移动的操
作。
4.根据权利要求1或2所述的方法，其特征在于，所述动作参数还包括所述执行动
作的事件中心点的坐标；
所述方法还包括：判断所述事件中心点的坐标是否位于所述目标元素的有效显示范
围内；当所述事件中心点的坐标位于所述目标元素的有效显示范围内，则执行根据所述
动作参数计算所述目标元素的更新样式的步骤。
5.根据权利要求1或2所述的方法，其特征在于，根据所述动作参数计算所述目标
元素的更新样式包括：
将所述动作参数转换成CSS标准的transform属性；
根据所述转换后的所述transform属性和所述目标元素原有的transform属性计算
所述目标元素的更新样式。
6.一种网页重排版装置，其特征在于，所述装置包括：
检测单元，用于检测用户对网页中的目标元素的执...

【专利技术属性】
技术研发人员：曾锦和，
申请(专利权)人：广州市动景计算机科技有限公司，
类型：发明
国别省市：广东;44