--- title: "Implementación" url: https://docs.catalyst.zoho.com/es/smartbrowz/help/pdfnscreenshot/implementation/ description: "Tome PDFs y capturas de pantalla de páginas web o documentos programáticamente o en la consola, según un tipo de formato de entrada de su preferencia." last_updated: 2026-08-17T12:16:04Z service: SmartBrowz type: general --- # Implementación Navegue al componente *PDF & Screenshot* presente en la sección **SmartBrowz** en su consola de Catalyst. PDF & Screenshot le permite generar documentos visuales de cualquier página web. Puede usar este componente de dos maneras: - **Usando SDKs** ![catalyst_smartbrowz_pdfnscreen_code_snippets](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_pdfnscreen_code_snippets.webp) - **Usando la funcionalidad Playground** ![catalyst_smartbrowz_pdfnscreen_playground_show](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_pdfnscreen_playground_show.webp) ### Generar PDF y Capturas de Pantalla a Través de Código Catalyst le proporciona los SDKs requeridos para generar PDF y capturas de pantalla en los siguientes frameworks: * [Java SDK](https://docs.catalyst.zoho.com/es/sdk/java/v1/smartbrowz/generate-pdfnscreenshot/) * [NodeJS SDK](https://docs.catalyst.zoho.com/es/sdk/nodejs/v2/smartbrowz/generate-pdfnscreenshot/) * [Python SDK](https://docs.catalyst.zoho.com/es/sdk/python/v1/smartbrowz/generate-pdfnscreenshot/) También puede usar esta [API de Catalyst](https://docs.catalyst.zoho.com/es/api/code-reference/smartbrowz/generate-pdfnscreenshoturl/#PDF%26ScreenshotwithHTML%2fURLasInput) para generar documentos visuales en su formato preferido. Según su lenguaje de programación preferido, puede copiar y pegar los siguientes fragmentos de código en la lógica de su aplicación para generar documentos visuales: ### Java SDK **Java SDK to Generate Visual Documents** ```java // inicializar SmartBrowz ZCSmartBrowz smartBrowz = ZCSmartBrowz.getInstance(); // generar salida desde una plantilla predefinida ZCSmartBrowzConvertDetails convertDetailsForTemplateConversion = ZCSmartBrowzConvertDetails.getInstance(); convertDetailsForTemplateConversion.setTemplateId(YOUR_TEMPLATE_ID); smartBrowz.generateFromTemplate(convertDetailsForTemplateConversion); // convertir a PDF desde HTML ZCSmartBrowzConvertDetails convertDetailsForPDF = ZCSmartBrowzConvertDetails.getInstance(); convertDetailsForPDF.setHtml("YOUR_HTML_CODE"); smartBrowz.takeScreenshot(convertDetailsForPDF); // tomar una captura de pantalla desde URL ZCSmartBrowzConvertDetails convertDetailsForScreenshot = ZCSmartBrowzConvertDetails.getInstance(); convertDetailsForScreenshot.setUrl("YOUR_URL"); smartBrowz.convertToPdf(convertDetailsForScreenshot); ``` > **Nota:** Este fragmento de código contiene la lógica individual para aceptar cualquiera de las entradas aceptables y generar PDF y captura de pantalla. Cuando copie el fragmento, asegúrese de conservar las líneas de código que sean pertinentes a su requisito y omita el resto. ### Node.js SDK **Node.js SDK to Generate Visual Documents** ```javascript const smartbrowz = app.smartbrowz(); // Generar salida desde plantilla smartbrowz.generateFromTemplate("YOUR_TEMPLATE_ID", {"template_data": YOUR_TEMPLATE_DATA} ) .then((data)=>{ // En caso de éxito }).catch((err)=>{ // En caso de error }) // Convertir PDF desde HTML smartbrowz.convertToPdf("YOUR_HTML_CODE", { "pdf_options": {}, "page_options": {} }).then((data)=>{ // En caso de éxito }).catch((err)=>{ // En caso de error }); // Capturar una captura de pantalla desde URL smartbrowz.takeScreenshot("YOUR_URL", { "screenshot_options": { "type": "jpeg" //Proporciona jpg o png }, "page_options": { "device": "iPad" //Proporciona un dispositivo de tu preferencia } }).then((data)=>{ // En caso de éxito }).catch((err)=>{ // En caso de error }) ``` > **Nota:** Este fragmento de código contiene la lógica individual para aceptar cualquiera de las entradas aceptables y generar PDF y captura de pantalla. Cuando copie el fragmento, asegúrese de conservar las líneas de código que sean pertinentes a su requisito y omita el resto. ### Python SDK **Python SDK to Generate Visual Documents** ```python # initialize smartbrowz instance smart_browz = app.smart_browz() # generate output from a predefined template output_template = smart_browz.generate_output_from_template( template_id='YOUR_TEMPLATE_ID', template_data={}, output_type='pdf', // Puedes determinar el formato de tu documento visual aquí pdf_options={}, navigation_options={} ) # convert to PDF from HTML output_pdf = smart_browz.convert_to_pdf(source='YOUR_HTML_CODE') # take a screenshot from URL output_screenshot = smart_browz.take_screenshot( source='YOUR_URL', screenshot_options={ 'quality': '100' }, page_options={ 'device': 'iphone 13 pro' //Proporciona un dispositivo de tu preferencia }, navigation_options={ 'timeout': '3000', 'wait_until': 'domcontentloaded' } ) ``` > **Nota:** Este fragmento de código contiene la lógica individual para aceptar cualquiera de las entradas aceptables y generar PDF y captura de pantalla. Cuando copie el fragmento, asegúrese de conservar las líneas de código que sean pertinentes a su requisito y omita el resto. Estos fragmentos de código están disponibles bajo la sección **SDK Code Snippets** del componente PDF & Screenshot en la consola. Puede copiar el código del stack que requiera e incorporarlo en su lógica de negocio. ![catalyst_smartbrowz_pdfnscreen_snippet_selection_py](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_pdfnscreen_snippet_selection_py.webp) También puede usar esta [API](https://docs.catalyst.zoho.com/es/api/code-reference/smartbrowz/generate-pdfnscreenshoturl/#PDF%26ScreenshotwithHTML%2fURLasInput) para generar PDF y capturas de pantalla. Puede ejecutar esta API directamente después de [autenticar su solicitud](https://docs.catalyst.zoho.com/es/api/oauth2/overview-and-terminology/#OverviewandTerminology). > **Nota:** Estos fragmentos de código también están disponibles en la [documentación del SDK](https://docs.catalyst.zoho.com/es/getting-started/catalyst-sdk/) del framework respectivo. ### Generar PDF y Capturas de Pantalla a Través de Playground Playground está disponible en la consola para que genere documentos visuales inmediatamente o pruebe esta funcionalidad antes de incorporarla en su lógica. El Playground en sí viene cargado con entradas pre-diseñadas para que pruebe la funcionalidad del componente. Puede generar documentos visuales de páginas web en la consola proporcionando la entrada de tres maneras diferentes: **HTML Code** ### HTML Code 1. Seleccione la opción **HTML Code** en la sección *Select Input Type*. ![catalyst_smartbrowz_pdfnscreen_html_main_view](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_pdfnscreen_html_main_view.webp) Puede personalizar el código presente en el editor de código HTML o pegar su propio código. 2. Seleccione el formato requerido del menú desplegable *Select Output Format*. ![catalyst_smartbrowz_pdfnscreen_html_output_drop](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_pdfnscreen_html_output_drop.webp) 3. Este es un paso opcional, pero puede personalizar su documento visual aplicando elementos de estilización personalizados y diseño y otras configuraciones estéticas usando las opciones presentes en la sección **Show Advanced Styling Options**. ![catalyst_smartbrowz_pdfnscreen_html_advanced_options](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_pdfnscreen_html_advanced_options.webp) También puede usar esta sección para proteger con contraseña el documento visual generado configurando una contraseña en la sección **Set Password**. 4. Haga clic en **Generate**. ![catalyst_smartbrowz_pdfnscreen_generated_output](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_pdfnscreen_generated_output.webp) Se mostrará una vista previa del documento visual que generó en una ventana emergente. Haga clic en **Download** para guardar el documento en su sistema local. Si ha protegido su PDF con contraseña, entonces las opciones de vista previa y descarga solo se activarán después de que ingrese la contraseña. ![catalyst_smartbrowz_pdfnscreen_pwd_protected](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_pdfnscreen_pwd_protected.webp) **URL** ### URL Puede generar un documento visual de una página web de su preferencia ingresando directamente su URL. 1. Haga clic en el botón **URL** para usar URL como el tipo de entrada. 2. Ingrese la URL requerida en el campo de entrada *Enter Web Page URL*. ![catalyst_smartbrowz_pdfnscreen_url_select](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_pdfnscreen_url_select.webp) 3. Seleccione el formato requerido del menú desplegable *Select Output Format*. ![catalyst_smartbrowz_pdfnscreen_url_output_drop](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_pdfnscreen_url_output_drop.webp) 4. Este es un paso opcional, pero puede personalizar su documento visual aplicando elementos de estilización personalizados y diseño y otras configuraciones estéticas usando las opciones presentes en la sección **Show Advanced Styling Options**. ![catalyst_smartbrowz_pdfnscreen_url_styling](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_pdfnscreen_url_styling.webp) También puede usar esta sección para proteger con contraseña el documento visual generado configurando una contraseña en la sección **Set Password**. 5. Haga clic en **Generate**. ![catalyst_smartbrowz_pdfnscreen_generated_url_output](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_pdfnscreen_generated_url_output.webp) Si ha protegido su PDF con contraseña, entonces las opciones de vista previa y descarga solo se activarán después de que ingrese la contraseña. ![catalyst_smartbrowz_pdfnscreen_pwd_protected](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_pdfnscreen_pwd_protected.webp) **Templates** ### Templates > **Nota:** Solo puede usar esta funcionalidad si previamente ha creado y guardado una plantilla usando el componente [Templates](https://docs.catalyst.zoho.com/es/smartbrowz/help/templates/introduction/). 1. Haga clic en el botón **Template** para establecer plantillas como el tipo de entrada. 2. Seleccione su plantilla preferida del menú desplegable *Template*. ![catalyst_smartbrowz_pdfnscreen_template_select_layout](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_pdfnscreen_template_select_layout.webp) 3. Puede proporcionar los datos para el documento visual como una entrada JSON a través del editor presente en esta sección. ![catalyst_smartbrowz_pdfnscreen_template_json_input](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_pdfnscreen_template_json_input.webp) 4. Haga clic en **Generate**. ![catalyst_smartbrowz_pdfnscreen_generated_output](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_pdfnscreen_generated_output.webp) Se mostrará una vista previa del documento visual que generó en una ventana emergente. Haga clic en **Download** para guardar el documento en su sistema local. > **Nota:** * Antes de generar un documento visual, dado que su tipo de entrada es *Templates*, habría elegido el diseño, los elementos de estilización y todas las demás características estéticas del documento visual mientras creaba y diseñaba la plantilla. Puede averiguar cómo personalizar una plantilla en esta [sección](https://docs.catalyst.zoho.com/es/smartbrowz/help/templates/customize-templates/). * Debido a que está usando *Templates* para generar su PDF protegido con contraseña, tiene la opción de codificar una lógica que le permita establecer la contraseña dinámicamente. Puede obtener más información sobre esta funcionalidad en esta [sección](https://docs.catalyst.zoho.com/es/smartbrowz/help/templates/customize-templates/#password-protected-pdfs). Si ha protegido su documento con contraseña, entonces las opciones de vista previa y descarga solo se activarán después de que ingrese la contraseña. ![catalyst_smartbrowz_pdfnscreen_pwd_protected](https://catalyst-docs-development.zohostratus.in/images/help/smartbrowz/catalyst_smartbrowz_pdfnscreen_pwd_protected.webp) > **Nota:** Cualquier acción u operación del navegador que codifique usando la función Browser Logic, o cualquier tarea de automatización del navegador o extracción de datos web que realice usando cualquier componente de **Catalyst SmartBrowz** es bajo su propia responsabilidad. Le recomendamos encarecidamente que use los componentes de SmartBrowz para realizar operaciones en dominios que permitan dichas acciones, o con la aprobación adecuada. Además, aunque Catalyst proporciona una infraestructura segura para codificar sus funciones, cualquier consecuencia de la lógica que codifique usando funciones de Catalyst es exclusivamente suya.