返回

政采云前端小报系统的复刻之路

前端

相信有小伙伴在掘金上看过政采云前端团队分享的文章:手把手教你打造属于自己团队的前端小报系统。当时看到文章时,就决定开发一个,并在团队中推广使用。说干就干,按照文章中的思路、架构设计,开发已完成,并在团队中推广使用了。

政采云前端小报系统是一套前端团队内部交流学习的平台,可以定期发布团队内最新的技术文章、学习资源、以及技术分享。可以帮助团队成员快速了解最新的技术动态,促进团队成员之间的交流和学习。

开发这款chrome插件主要是要解决三个问题:

  1. 如何实现跨域访问
  2. 如何在浏览器中实现定时任务
  3. 如何实现从后台获取数据
import time
from selenium import webdriver
from selenium.webdriver.chrome.service import Service
from selenium.webdriver.common.by import By
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver import ChromeOptions
from webdriver_manager.chrome import ChromeDriverManager

def main():

    # 定义chrome插件路径
    extension_path = r"C:\Users\Administrator\Desktop\extension"
    # 定义启动配置项
    options = ChromeOptions()
    # 添加插件的路径
    options.add_extension(extension_path)
    # 定义启动服务
    service = Service(ChromeDriverManager().install())
    # 使用配置项启动浏览器
    driver = webdriver.Chrome(service=service, options=options)

    # 访问目标网址
    driver.get("http://www.baidu.com")
    
    # 定位到输入框,并输入"政采云前端小报系统"
    search_input = driver.find_element(By.ID, "kw")
    search_input.send_keys("政采云前端小报系统")
    search_input.send_keys(Keys.ENTER)

    # 等待页面加载完成,超时时间为10秒
    WebDriverWait(driver, 10).until(
        EC.presence_of_element_located((By.ID, "content_left"))
    )

    # 获取搜索结果列表
    results = driver.find_elements(By.CLASS_NAME, "result")

    # 提取搜索结果中的标题和链接
    for result in results:
        title = result.find_element(By.TAG_NAME, "a").text
        link = result.find_element(By.TAG_NAME, "a").get_attribute("href")
        print(f"        print(f"链接:{link}")

if __name__ == "__main__":
    main()  

如果大家对前端团队内部交流学习平台感兴趣,欢迎来体验政采云前端小报系统。